ナビゲーション v1.0.0

ツリービュー

展開/折りたたみ可能なノード、アイコン、チェックボックス選択、キーボードナビゲーションを備えた 階層データ表示。ファイルブラウザー、カテゴリツリー、組織図に最適です。 三状態の親チェックボックス、単一/複数選択、インデントガイドラインに対応しています。

プレビュー & コード

オプション

名前 型 デフォルト 説明
nodes * Array 必須 Nested array of hashes. Each: { id: String, label: String, icon: Symbol, children: Array, expanded: Boolean, selected: Boolean, href: String }
selectable Symbol :none Selection mode: :none, :single, :multiple
checkable Boolean false Show checkboxes with tri-state parent behavior
show_lines Boolean true Show indent guide lines between levels
default_expanded Array | String [] Array of node IDs to expand by default, or "all" to expand all
class String "" Additional CSS classes for the container

変更履歴 v1.0.0

- v1.0.0: Initial release with expand/collapse, selection, checkboxes, and keyboard navigation

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得