SortDropdown

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

使用上の注意

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

レイアウト

[WIP] モバイル

モバイルで自動的に切り替わるようにコンポーネントを改修予定です。

ドロップダウンパネル

モバイル端末は画面が小さく誤操作しやすいため、ドロップダウンパネルはActionDialogを用いてモーダルに表示します。

Props

sortFields必須
SortFieldType[]

並び替え項目

defaultOrder必須
"desc" "asc"

並び順の初期値

onApply必須
(args: ArgsOnApply) => void

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

onCancel
MouseEventHandler<HTMLButtonElement>

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

decorators
DecoratorsType<DecoratorKeyTypes>
ref
(instance: HTMLButtonElement) => void RefObject<HTMLButtonElement>