Skip to content

SearchInput ​

SearchInput is the input of a search.

When to use ​

Use it above a list that it filters, or to search a collection. label names it; inside a Field the field names it. The keys, such as clearing with Escape, are the application's, through onkeydown.

Props ​

PropDefaultDescription
value''The query (bindable)
placeholder''Shown while it is empty
labelThe accessible name
idThe id of the input
disabledfalseCannot be focused or changed
onkeydownThe keys
oninputEvery key stroke

Contract ​

It is the control of a TextInput with a magnifying glass, muted, gap-sm before the text. The browser's clear button is hidden.

Example ​

SearchInput

Released under the Apache-2.0 license.