SortDropdown

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

処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

使用上の注意

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

Props

sortFields必須
(Option<string> | Optgroup<string>)[]

並び替え項目

defaultOrder必須
"desc""asc"

並び順の初期値

onApply必須
(args: ArgsOnApply) => void

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

onCancel
MouseEventHandler<HTMLButtonElement>

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

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