FilterDropdown
FilterDropdownは一覧の絞り込みを行なうためのコンポーネントで、パネル内に自由に入力要素を配置できるほか、絞り込みを適用したり解除したりするための機能も有しています。
使用上の注意
絞り込みのUIが複雑で、エリアを十分に確保できない場合はActionDialogを使用する
よくあるテーブルやその他一覧画面で絞り込みを行なうとき、パネル内にCheckBoxやRadioButton、DatePickerなどを配置することでユースケースを達成できる場合はFilterDropdownを使用してください。
絞り込みのUIが複雑で、ドロップダウンパネルではエリアを十分に確保できない場合、ActionDialogの使用を検討してください。その際、ActionDialogの呼び出しはFilterDropdownではなく「フィルター」ボタンを使用します。
Props
isFiltered
falsetrue
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"
引き金となるボタンの大きさ