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

InputSelectなどの要素と組み合わせることもできます。