空の状態
破線の枠と斜線の枠、そして次の一歩をひとつ。何が足りないのかを伝え、埋める方法を示します。
◆
まだ何もありません
最初のひとつを追加してみましょう。
プロパティ
コード
import { EmptyState } from "@/components/ui/kit/feedback";
<EmptyState
title="まだ何もありません"
action={<Button variant="ghost">…</Button>}
>
最初のひとつを追加してみましょう。
</EmptyState>すべての状態
◆
まだ何もありません
最初のひとつを追加してみましょう。
使い方
使っているトークン
| --surface | … |
|---|---|
| --line-2 | … |
| --panel | … |
| --ink | … |
| --muted | … |
| --spark-ink | … |
| --font-display | … |
| --font-body | … |
値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。