ダイアログ
中央にパネルを置く、重ね表示です。ここで開くと、このページの上に重なります。背景、×、フッターのボタンのどれでも閉じられます。
プロパティ
コード
import { Dialog } from "@/components/ui/kit/feedback";
<Dialog
open={false}
onClose={close}
title="ダイアログ"
>
ここにダイアログの内容が入ります。
</Dialog>すべての状態
使い方
使っているトークン
| --surface | … |
|---|---|
| --line | … |
| --line-2 | … |
| --ink | … |
| --ink-2 | … |
| --faint | … |
| --font-display | … |
| --font-body | … |
値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。