

Value of input's native "autofocus" attribute Value of input's native "autocomplete" attribute Value of input's native "accept" attribute Value of input's native "pattern" attribute Value of input's native "inputmode" attribute Input value, in case of uncontrolled component If type="texteditor" then value should be HTML string If type="datepicker" then value must be passed as what Calendar accepts - Array with dates, for example value=

Useful in case you use custom validation and want to show/hide error message when you need itĬustom additional text with information about input setInputValid (isValid ) } />Ĭustom error message to show when input value is invalidįorce error message to force. When enabled then input will be validated on blur only.Ĭallback to be executed on input validation, returns boolean value indication whether the input is valid or not. If you use custom validation and need more control on where to show/hide error message, then it is better to disable validation and use error-message together with error-message-force props. When enabled then input value will be validated on change based on passed "pattern" or based on input type. Value of input's "style" attribute, in case you need to pass extra stylesĪdds input clear button that will clear input value on click texteditor - to open Text Editor on input focus.colorpicker - to open Color Picker on input focus.datepicker - to open Calendar on input focus.All default HTML5 input type, and few special ones: Disable if you want to use custom input inside. Whether it should render input element or not. Form elements are just well known List View ( List and List Item React components) but with few additional components.Ĭheck out Framework7's Inputs / Form Elements for their appearance. Improve this Doc Input / Form Elements React Componentsįorm elements allow you to create flexible and beautiful Form layout.
