Navigation v1.0.0

Arborescence

Affichage hiérarchique de données avec nœuds dépliables/repliables, icônes, sélection par cases à cocher et navigation au clavier. Parfait pour les explorateurs de fichiers, les arborescences de catégories et les organigrammes. Prend en charge les cases à cocher parentes à trois états, la sélection unique/multiple et les lignes de guide d'indentation.

Aperçu et code

Options

Nom Type Par défaut Description
nodes * Array requis 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

Journal des modifications v1.0.0

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

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant