AskBar
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Loading…
Streaming#
Loading…
Scoped With Chips#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | undefined | — | |
| defaultValue | string | undefined | — | |
| onValueChange | ((value: string) => void) | undefined | — | |
| onSubmit | ((value: string) => void) | undefined | — | Fires with the current query when submitted (button or ⌘↵). |
| placeholder | string | undefined | Ask anything… | |
| streaming | boolean | undefined | — | Streaming caret next to the input. |
| submitLabel | ReactNode | Ask | Submit button label. Default `Ask`. |
| disabled | boolean | undefined | — | Disable submit. |
| maxWidth | string | number | undefined | 620 | Pixel max-width. Default 620. |
| density | enum | comfortable | `'comfortable'` (default) renders the desktop ask bar. `'touch'` swaps to the mobile composer: larger text, 44pt send button, ⌘↵ hint hidden (no hardware keyboard), and scope chips wrap to a second row. |