A SearchField is a text field designed for searches.
| Prop | Type | Default | Responsive |
|---|---|---|---|
| size | smallmedium | small | Yes |
| label | string | - | No |
| icon | ReactNode | - | No |
| description | string | - | No |
| name | string | - | No |
| className | string | - | No |
| style | CSSProperties | - | No |
We support two different sizes: small, medium.
<Flex direction="row" gap="4">
<SearchField size="small" placeholder="Small" icon={<Icon name="sparkling" />} />
<SearchField size="medium" placeholder="Medium" icon={<Icon name="sparkling" />} />
</Flex>Here's a simple SearchField with a description.
<SearchField label="Label" description="Description" placeholder="Enter a URL" />