FilterDropdown

FilterDropdownは一覧の絞り込みを行なうためのコンポーネントで、パネル内に自由に入力要素を配置できるほか、絞り込みを適用したり解除したりするための機能も有しています。

使用上の注意

よくあるテーブルやその他一覧画面で絞り込みを行なうとき、パネル内にCheckboxやRadioButton、Input[type=date]などを配置することでユースケースを達成できる場合はFilterDropdownを使用してください。

絞り込みのUIが複雑で、ドロップダウンパネルではエリアを十分に確保できない場合、ActionDialogの使用を検討してください。その際、ActionDialogの呼び出しはFilterDropdownではなく「フィルター」ボタンを使用します。

isFiltered

false true

onApply必須

MouseEventHandler<HTMLButtonElement>

onCancel

MouseEventHandler<HTMLButtonElement>

onReset

MouseEventHandler<HTMLButtonElement>

onOpen

() => void

onClose

() => void

decorators

DecoratorsType<DecoratorKeyTypes>

responseStatus

ResponseStatusWithoutProcessing { status: "processing"; }

triggerSize

"s" "default"

引き金となるボタンの大きさ

onlyIconTrigger

false true

引き金となるボタンをアイコンのみとするかどうか