darkMode | boolean | Determines whether or not the component appears in dark theme. | false |
state | 'none' , 'loading' , | The current state of the SearchInput. | none |
size | 'small' , 'default' , 'large' | Determines the font size, padding and spacing. | default |
disabled | boolean | Determines whether the field is currently disabled. | false |
value | string | The current value of the text box. | '' |
placeholder | string | The placeholder text shown in the input field before the user begins typing. | Search |
aria-labelledby | string | A value for aria-labelledby . Allows use of the component with an external <label> element. | |
aria-label | string | A value for aria-label . Allows use of the component without a label . | |
onChange | ChangeEventHandler<HTMLInputElement> | Callback fired when the input value changes. Use this callback to filter the SearchResult options. | |
onSubmit | FormEventHandler<HTMLFormElement> | Callback fired when a search result is clicked, or the enter key is pressed. | '' |
... | native form attributes | Any other properties will be spread on the root form element. | |