ツールチップ
ホバーするとトリガーの上に浮かぶ、控えめなラベルです。ホバーでしか出ないので、キーボードやタッチの人に必要な情報は入れないでください。
短いラベル
プロパティ
コード
import { Tooltip } from "@/components/ui/kit/feedback";
<Tooltip label="短いラベル">
<Button variant="quiet">ホバーしてください</Button>
</Tooltip>すべての状態
短いラベル
使い方
使っているトークン
| --ink | … |
|---|---|
| --paper | … |
| --font-label | … |
値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。