Search button
A quiet button that ends with the shortcut it answers to. It presses like Button; the shortcut chip is the Kbd component.
Controls
Code
import { SearchButton } from "@/components/ui/kit/ui";
<SearchButton label="Search" combo="⌘K" />Every state
Default
Hover
Focus
Active
Disabled
Kbd
⌘KUsage
Tokens it uses
| --surface | … |
|---|---|
| --line-2 | … |
| --line-strong | … |
| --muted | … |
| --ink | … |
| --font-label | … |
| --font-data | … |
| --dur-instant | … |
Values are read live from the stylesheet, so they follow the site theme.