Drawer
Drawerは、任意のコンテンツを受け取り、画面の上下左右いずれかの端からスライドインで表示できるコンポーネントです。
プロパティ
drawerは、以下のプロパティをサポートしています。
| 名前 | 型 | デフォルト値 | 説明 |
|---|---|---|---|
direction |
string |
"left" |
Drawer の表示方向 |
open |
boolean |
false |
Drawer を表示するかどうか |
dismissible |
boolean |
true |
Drawer 外をクリックすると閉じるかどうか |
インストールの手順
以下のコンポーネントのコードを、使いたいプロジェクトにコピー＆ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。
使い方
サンプル
Default
特に操作が行われていない、デフォルトの状態です。
Direction
スライドインする方向を選択できます。
With Input,Select
InputやSelectなどの要素と組み合わせることもできます。