検索可能アコーディオンSearchableAccordionExperimental
検索入力、カテゴリ、件数表示、該当なし表示を組み合わせたアコーディオンです。
プレビュー
状態とバリエーション
カテゴリ付き
検索語とカテゴリタブで FAQ やヘルプ項目を絞り込みます。
ヘルプ項目
検索語とカテゴリで項目を絞り込みます。
3 / 3 件を表示
すべて
検索のみ
カテゴリが不要な短い一覧では検索だけを表示します。
3 / 3 件を表示
All
該当なし
一致する項目がない場合は EmptyState と条件クリアを表示します。
0 / 3 件を表示
すべて
一致する項目がありません
検索語やカテゴリを変更してください。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| items | SearchableAccordionItem[] | - | 表示する accordion 項目です。検索用に category / keywords / searchText を渡せます。 |
| searchValue / defaultSearchValue / onSearchValueChange | string / (value) => void | - | 検索語の controlled / uncontrolled API です。 |
| categoryValue / defaultCategoryValue / onCategoryValueChange | string / (value) => void | - | カテゴリタブの controlled / uncontrolled API です。 |
| openValue / defaultOpenValue / onOpenValueChange | string[] / (value) => void | - | 開いている項目の controlled / uncontrolled API です。 |
| labels | SearchableAccordionLabels | - | 検索、件数、該当なし、全展開操作の文言です。 |
使い方
Loading...