FilterDropdown

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

使用上の注意

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

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

isFiltered

false true

onApply必須

MouseEventHandler<HTMLButtonElement>

onCancel

MouseEventHandler<HTMLButtonElement>

onReset

MouseEventHandler<HTMLButtonElement>

onOpen

() => void

onClose

() => void

decorators

DecoratorsType<"status" | "triggerButton" | "applyButton" | "cancelButton" | "resetButton">

responseMessage

{ status: "error" | "success"; text: ReactNode; } { status: "processing"; }

triggerSize

"s" "default"

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