SortDropdown

主に表の並べ替え操作を統一するためのコンポーネントです。並べ替え項目と並び順を指定でき、ボタンラベルとアイコンで現在の並び順を表します。

使用上の注意

テーブルではないコレクションを並べ替える時に使います。テーブルの場合はThsortプロパティを使ってください。

Props

sortFields必須
SortFieldType[]

並び替え項目

defaultOrder必須
"desc" "asc"

並び順の初期値

onApply必須
(args: ArgsOnApply) => void

適用時に発火するイベント

onCancel
MouseEventHandler<HTMLButtonElement>

キャンセル時に発火するイベント

decorators
DecoratorsType<"sortFieldLabel" | "sortOrderLabel" | "ascLabel" | "descLabel" | "applyButtonLabel" | "cancelButtonLabel">
ref
(instance: HTMLButtonElement) => void RefObject<HTMLButtonElement>