Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Unified search field with an optional category filter and submit action.
| Prop | Type | Default | Description |
|---|---|---|---|
mode | string | stacked | Configures mode. |
labelPosition | string | left | Configures label position. |
radius | string | standard | Configures radius. |
transparency | string | standard | Configures transparency. |
gradient | boolean | false | Configures gradient. |
errorEnabled | boolean | false | Configures error enabled. |
error | string | This field is required | Configures error. |
helpEnabled | boolean | false | Configures help enabled. |
help | string | Optional help text for this field | Configures help. |
required | boolean | false | Configures required. |
size | string | md | Configures size. |
label | string | Search | Configures label. |
showLabel | boolean | true | Configures show label. |
value | string | — | Configures value. |
categories | string | All categories, Components, Documentati… | Configures categories. |
category | string | All categories | Configures category. |
placeholder | string | Search for anything | Configures placeholder. |
searchLabel | string | Search | Configures search label. |