ion-searchbar

Defines a Search Bar component.

This component manages the display of a searchbar which can be used to search or filter items.
For more information: Searchbar.

Name Description
Animated If true, enable searchbar animation.
Autocomplete Sets the input’s autocomplete property.
Autocorrect Sets the input’s autocorrect property.
Binding The object or variable to bind with the control.
Browser enter key hint A hint to the browser for which enter key to display.
Browser input mode hint A hint to the browser for which keyboard to display.
Cancel button icon Sets the the cancel button icon. Only applies to md mode.
Cancel button text Sets the the cancel button text. Only applies to ios mode.
Clear icon Sets the clear icon. Defaults to ‘close-circle’ for ios and ‘close-sharp’ for md.
Color Specifies ionic color.
Control name The associated declared control name.
Debounce How long, in milliseconds, to wait to trigger the ionInput event after each keystroke.
Disabled If true the component will be disabled, preventing the the user from changing the value.
Mode Specifies ionic mode.
Placeholder Sets the input’s placeholder.
Search icon The icon to use as the search icon. Defaults to ‘search-outline’ in ios mode and ‘search-sharp’ in md mode.
Show Cancel button Sets the behavior for the cancel button. Defaults to ‘never’. Setting to ‘focus’ shows the cancel button on focus. Setting to ‘never’ hides the cancel button. Setting to ‘always’ shows the cancel button regardless of focus state.
Show Clear button Sets the behavior for the clear button. Defaults to ‘focus’. Setting to ‘focus’ shows the clear button on focus if the input is not empty. Setting to ‘never’ hides the clear button. Setting to ‘always’ shows the clear button regardless of focus state, but only if the input is not empty.
Spellcheck Sets the input’s spellcheck property.
Type Sets the input’s type property.
Value Sets the value of the searchbar.
Comment Describes the object comment to include in the documentation report. This property generally contains an explanation about the object.
Identifier Defines the component identifier.
Is active Defines whether the component is active.