# SearchInput

A rounded search field with icon affordance, optional clear button, and accessible label.

## Notes

- SearchInput only owns the field UI; consumers own search indexing and result rendering.
- The clear button dispatches snurble-search-clear and restores focus to the input.

## Properties

| Name | Type | Default | Description |
| ---- | ---- | ------- | ----------- |
| id (required) | `string` | - | Input id. |
| name | `string` | - | Input name. |
| value | `string` | - | Initial value. |
| placeholder | `string` | 'Search' | Placeholder text. |
| label | `string` | 'Search' | Visible label text. |
| clearable | `boolean` | true | Show a clear button. |
| size | `'sm' | 'md' | 'lg'` | 'md' | Input size. |
| disabled | `boolean` | false | Disable the input. |
| class | `string` | - | Additional CSS classes. |

## Example

```astro
<SearchInput id="docs-search" label="Search docs" placeholder="Search components" />
```