Dropdown
ボタンを押すとパネルが開く機能の抽象コンポーネントです。大きく分けるとパネルを開くための引き金となるDropdownTriggerとパネル自体を指すDropdownContentから構成されます。
Dropdown を使用したコンポーネント
開発で頻繁に利用する実装をコンポーネント化しています。
Props
DropdownContent props
controllable
falsetrue
true
のとき、ドロップダウン内のコンテンツをクリックしてもドロップダウンが閉じなくなる。。
この場合は、 DropdownCloser
を用いてドロップダウンを閉じることができる。
scrollable
falsetrue
true
のとき、ウィンドウサイズに応じてドロップダウン内が自動的にスクロール可能になる