Dropdown

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

Dropdown を使用したより詳細なコンポーネントに DropdownMenuButtonFilterDropdown があります。どちらも開発で頻繁に利用する実装をコンポーネント化したものです。

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

Props

DropdownContent props

controllable
falsetrue

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

scrollable
falsetrue

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