FilterDropdown

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

使用上の注意

絞り込みのUIが複雑で、エリアを十分に確保できない場合はActionDialogを使用する

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

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

Props

isFiltered
false true
onApply必須
FormEventHandler<HTMLFormElement>
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"

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