Dialog
Dialogは、ユーザーに対して明示的な情報を提示したり、オプションを選択させるためのコンポーネントです。
プロパティ
Dialogは、以下のプロパティをサポートしています。
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
open |
boolean |
false |
Dialog を表示するかどうか。 |
dismissible |
boolean |
false |
Dialog 以外を押しても閉じるかどうか。 |
positiveText |
string |
決定 |
primaryボタンの文言を渡します。 |
negativeText |
string |
キャンセル |
secondaryボタンの文言を渡します。 |
enableClose |
boolean |
false |
閉じるボタンを表示できます。 |
onClick |
(result: boolean) => void |
なし | ボタンをクリックされた際に呼び出される関数です。 |
インストールの手順
以下のコンポーネントのコードを、使いたいプロジェクトにコピー&ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。
使い方
サンプル
Default
特に操作が行われていない、デフォルトの状態です。
EnableClose
閉じるボタンを表示することができます。
With Input,Select
Input
やSelect
などの要素と組み合わせることもできます。