Dropdown

ボタンを押すとパネルが開く機能の抽象コンポーネントです。大きく分けるとパネルを開くための引き金となるDropdownTriggerとパネル自体を指すDropdownContentから構成されます。

Dropdown を使用したコンポーネント

開発で頻繁に利用する実装をコンポーネント化しています。

処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

Props

DropdownContent props

controllable
falsetrue

true のとき、ドロップダウン内のコンテンツをクリックしてもドロップダウンが閉じなくなる。。
この場合は、 DropdownCloser を用いてドロップダウンを閉じることができる。

scrollable
falsetrue

true のとき、ウィンドウサイズに応じてドロップダウン内が自動的にスクロール可能になる