検索ボタン
応えるショートカットを末尾に添えた、控えめなボタンです。押したときの反応はボタンと同じで、ショートカットは Kbd 部品で表します。
プロパティ
コード
import { SearchButton } from "@/components/ui/kit/ui";
<SearchButton label="検索" combo="⌘K" />すべての状態
通常
ホバー
フォーカス
押下中
無効
Kbd
⌘K使い方
使っているトークン
| --surface | … |
|---|---|
| --line-2 | … |
| --line-strong | … |
| --muted | … |
| --ink | … |
| --font-label | … |
| --font-data | … |
| --dur-instant | … |
値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。