SearchInput
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Loading…
No Shortcut#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| shortcut | string | undefined | — | Optional keyboard shortcut hint (e.g., `⌘K`) shown on the right edge. |
| width | string | number | undefined | — | Pixel width or any CSS length. Defaults to `360px`. |
| density | enum | comfortable | `'comfortable'` (default) renders the desktop 36px-tall pill. `'touch'` bumps to 44pt for thumb tapping and removes the kbd shortcut by default (consumers can still pass `shortcut` explicitly). |