トースト
ページの上に浮かぶ短いお知らせです。浮かぶので、影を持てる唯一の面です。サイトのカードに影はありません。デザインシステムのページでは出入りの動きをつけています。部品そのものは動きません。
保存しました
下書きを保存しました。デモなので、何も送信していません。
プロパティ
コード
import { Toast } from "@/components/ui/kit/feedback";
<Toast
label="保存しました"
closeLabel="閉じる"
onClose={dismiss}
>
下書きを保存しました。デモなので、何も送信していません。
</Toast>すべての状態
保存しました
下書きを保存しました。デモなので、何も送信していません。
使い方
使っているトークン
| --surface | … |
|---|---|
| --line-2 | … |
| --ink | … |
| --muted | … |
| --spark | … |
| --font-label | … |
| --font-body | … |
値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。