@zag-js/tree-view NPM

@zag-js/tree-view

Core logic for the tree-view widget implemented as a state machine

Installation

yarn add @zag-js/tree-view
# or
npm i @zag-js/tree-view

Contribution

Yes please! See the contributing guidelines for details.

Licence

This project is licensed under the terms of the MIT license.

Component API

<Tree.Root>
  <Tree.Label>Tree</Tree.Label>

  <Tree.Tree>
    <Tree.Item>Leaf 1</Tree.Item>
    <Tree.Branch>
      <Tree.BranchControl>
        <Tree.BranchTrigger>
          <ChevronRightIcon />
        </Tree.BranchTrigger>
        <Tree.BranchText>Branch 1</Tree.BranchText>
      </Tree.BranchControl>

      <Tree.BranchContent>
        <Tree.Item>Leaf 2</Tree.Item>
        <Tree.Item>
          <Icon />
          <Tree.ItemText>Leaf 3</Tree.ItemText>
        </Tree.Item>
      </Tree.BranchContent>
    </Tree.Branch>
  </Tree.Tree>
</Tree.Root>

TODO

shift + arrow down: select all items between the last selected item and the item above/below the last selected item
shift + arrow right: collapse/expand all items between the last selected item and the item above/below the last selected item

js machine xstate statechart component chakra-ui tree-view

@zag-js/anatomy @zag-js/collection @zag-js/core @zag-js/dom-query @zag-js/utils @zag-js/types

marko-zag-components @tunkshif/alpine-zag ui-ingredients @ark-ui/react @ark-ui/solid @ark-ui/anatomy @ark-ui/vue @netoum/corex

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-v1-beta-20250221135618

1 year ago

0.0.0-v1-beta-20250222173217

1 year ago

0.0.0-v1-beta-20250220125322

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-dev-20240723090825

2 years ago

0.62.0

2 years ago

0.0.0-dev-20240619115122

2 years ago

0.0.0-dev-20240614092224

2 years ago

0.0.0-dev-20240621154058

2 years ago

0.0.0-dev-20240714222614

2 years ago

0.0.0-dev-20240626155314

2 years ago

0.0.0-dev-20240612172509

2 years ago

0.0.0-dev-20240712125036

2 years ago

0.0.0-dev-20240703094721

2 years ago

0.0.0-dev-20240611182543

2 years ago

0.0.0-dev-20240616132821

2 years ago

0.0.0-dev-20240627160556

2 years ago

0.0.0-dev-20240712143332

2 years ago

0.0.0-dev-20240626134742

2 years ago

0.56.1

2 years ago

0.56.0

2 years ago

0.0.0-dev-20240610023609

2 years ago

0.0.0-dev-20240627164007

2 years ago

0.0.0-dev-20240627105448

2 years ago

0.0.0-dev-20240614174340

2 years ago

0.0.0-dev-20240610144328

2 years ago

0.0.0-dev-20240617131842

2 years ago

0.0.0-dev-20240614164654

2 years ago

0.0.0-dev-20240611102459

2 years ago

0.0.0-dev-20240622114650

2 years ago

0.0.0-dev-20240630000246

2 years ago

0.0.0-dev-20240611130830

2 years ago

0.0.0-dev-20240624011811

2 years ago

0.0.0-dev-20240617184452

2 years ago

0.0.0-dev-20240610024234

2 years ago

0.0.0-dev-20240708155322

2 years ago

0.0.0-dev-20240614095902

2 years ago

0.0.0-dev-20240615014318

2 years ago

0.0.0-dev-20240614111542

2 years ago

0.0.0-dev-20240621201816

2 years ago

0.0.0-dev-20240625084734

2 years ago

0.59.0

2 years ago

0.0.0-dev-20240614105434

2 years ago

0.0.0-dev-20240620113708

2 years ago

0.0.0-dev-20240708161145

2 years ago

0.0.0-dev-20240619194623

2 years ago

0.0.0-dev-20240621181818

2 years ago

0.0.0-dev-20240623020119

2 years ago

0.0.0-dev-20240627110057

2 years ago

0.0.0-dev-20240610140222

2 years ago

0.0.0-dev-20240714214509

2 years ago

0.0.0-dev-20240625092805

2 years ago

0.0.0-dev-20240708154713

2 years ago

0.0.0-dev-20240617134713

2 years ago

0.0.0-dev-20240621195040

2 years ago

0.0.0-dev-20240708161628

2 years ago

0.0.0-dev-20240625085745

2 years ago

0.60.0

2 years ago

0.0.0-dev-20240629013500

2 years ago

0.57.0

2 years ago

0.0.0-dev-20240626144005

2 years ago

0.0.0-dev-20240621014505

2 years ago

0.0.0-dev-20240626224340

2 years ago

0.0.0-dev-20240705091354

2 years ago

0.61.1

2 years ago

0.0.0-dev-20240610185501

2 years ago

0.61.0

2 years ago

0.0.0-dev-20240703173247

2 years ago

0.58.3

2 years ago

0.58.1

2 years ago

0.58.2

2 years ago

0.0.0-dev-20240614172110

2 years ago

0.58.0

2 years ago

0.0.0-dev-20240703140341

2 years ago

0.0.0-dev-20240702200508

2 years ago

0.0.0-dev-20240607214653

2 years ago

0.55.0

2 years ago

0.0.0-dev-20240607183506

2 years ago

0.0.0-dev-20240607195446

2 years ago

0.0.0-dev-20240607213716

2 years ago

0.0.0-dev-20240607175637

2 years ago

0.0.0-dev-20240605205254

2 years ago

0.53.0

2 years ago

0.54.0

2 years ago

0.0.0-dev-20240605203045

2 years ago

0.0.0-dev-20240603130555

2 years ago

0.0.0-dev-20240605193509

2 years ago

0.0.0-dev-20240601124629

2 years ago

0.0.0-dev-20240527101350

2 years ago

0.0.0-dev-20240523095548

2 years ago

0.0.0-dev-20240526213324

2 years ago

0.0.0-dev-20240527125555

2 years ago

0.0.0-dev-20240530150754

2 years ago

0.0.0-dev-20240522191731

2 years ago

0.0.0-dev-20240522162309

2 years ago

0.0.0-dev-20240522160301

2 years ago

0.0.0-dev-20240522210342

2 years ago

0.0.0-dev-20240601115836

2 years ago

0.0.0-dev-20240529193430

2 years ago

0.0.0-dev-20240522161520

2 years ago

0.0.0-dev-20240522175824

2 years ago

0.0.0-dev-20240522173351

2 years ago

0.51.2

2 years ago

0.51.0

2 years ago

0.51.1

2 years ago

0.0.0-dev-20240527125045

2 years ago

0.0.0-dev-20240530104704

2 years ago

0.0.0-dev-20240526212646

2 years ago

0.0.0-dev-20240530135542

2 years ago

0.0.0-dev-20240523163344

2 years ago

0.0.0-dev-20240522210843

2 years ago

0.52.0

2 years ago

0.0.0-dev-20240529193934

2 years ago

0.0.0-dev-20240527124419

2 years ago

0.0.0-dev-20240528140318

2 years ago

0.0.0-dev-20240530212228

2 years ago

0.0.0-dev-20240525205323

2 years ago

0.0.0-dev-20240520151730

2 years ago

0.0.0-dev-20240515160243

2 years ago

0.0.0-dev-20240515121647

2 years ago

0.0.0-dev-20240515162717

2 years ago

0.50.0

2 years ago

0.0.0-dev-20240514231431

2 years ago

0.0.0-dev-20240513172202

2 years ago

0.0.0-dev-20240510140649

2 years ago

0.0.0-dev-20240510162335

2 years ago

0.0.0-dev-20240509114608

2 years ago

0.0.0-dev-20240509181535

2 years ago

0.0.0-dev-20240508002941

2 years ago

0.0.0-dev-20240508112036

2 years ago

0.0.0-dev-20240508002451

2 years ago

0.0.0-dev-20240506183024

2 years ago

0.0.0-dev-20240506143411

2 years ago

0.0.0-dev-20240506201227

2 years ago

0.0.0-dev-20240506150048

2 years ago

0.0.0-dev-20240505103514

2 years ago

0.0.0-dev-20240503105745

2 years ago

0.0.0-dev-20240503111646

2 years ago

0.0.0-dev-20240502170637

2 years ago

0.0.0-dev-20240428211915

2 years ago

0.49.0

2 years ago

0.0.0-dev-20240428213103

2 years ago

0.0.0-dev-20240428225153

2 years ago

0.0.0-dev-20240427205601

2 years ago

0.0.0-dev-20240426135528

2 years ago

0.0.0-dev-20240426215128

2 years ago

0.0.0-dev-20240425134655

2 years ago

0.0.0-dev-20240424093930

2 years ago

0.0.0-dev-20240424210416

2 years ago

0.0.0-dev-20240424203504

2 years ago

0.0.0-dev-20240424190747

2 years ago

0.0.0-dev-20240424195730

2 years ago

0.0.0-dev-20240424204741

2 years ago

0.0.0-dev-20240424072132

2 years ago

0.0.0-dev-20240424101351

2 years ago

0.0.0-dev-20240424083844

2 years ago

0.0.0-dev-20240423155603

2 years ago

0.0.0-dev-20240423150835

2 years ago

0.0.0-dev-20240423165655

2 years ago

0.0.0-dev-20240422161736

2 years ago

0.48.0

2 years ago

0.0.0-dev-20240420183338

2 years ago

0.0.0-dev-20240420175436

2 years ago

0.0.0-dev-20240420202821

2 years ago

0.0.0-dev-20240419221913

2 years ago

0.0.0-dev-20240419232104

2 years ago

0.0.0-dev-20240418111020

2 years ago

0.0.0-dev-20240418105312

2 years ago

0.0.0-dev-20240418114332

2 years ago

0.47.0

2 years ago

0.0.0-dev-20240415150937

2 years ago

0.0.0-dev-20240415135943

2 years ago

0.0.0-dev-20240415132612

2 years ago

0.0.0-dev-20240415150427

2 years ago

0.0.0-dev-20240415135225

2 years ago

0.0.0-dev-20240414191827

2 years ago

0.0.0-dev-20240412192708

2 years ago

0.0.0-dev-20240412181302

2 years ago

0.0.0-dev-20240412193711

2 years ago

0.46.0

2 years ago

0.0.0-dev-20240411202552

2 years ago

0.0.0-dev-20240410000101

2 years ago

0.0.0-dev-20240409173156

2 years ago

0.0.0-dev-20240407194709

2 years ago

0.0.0-dev-20240406192502

2 years ago

0.0.0-dev-20240405143052

2 years ago

0.0.0-dev-20240405093351

2 years ago

0.45.0

2 years ago

0.0.0-dev-20240404201437

2 years ago

0.44.0

2 years ago

0.0.0-dev-20240402190741

2 years ago

0.43.0

2 years ago

0.0.0-dev-20240401175026

2 years ago

0.0.0-dev-20240403172135

2 years ago

0.0.0-dev-20240402085645

2 years ago

0.0.0-dev-20240402190329

2 years ago

0.0.0-dev-20240403170757

2 years ago

0.0.0-dev-20240401134025

2 years ago

0.41.0

2 years ago

0.0.0-dev-20240402115802

2 years ago

0.0.0-dev-20240401113729

2 years ago

0.0.0-dev-20240401181552

2 years ago

0.42.0

2 years ago

0.0.0-dev-20240401144529

2 years ago

0.0.0-dev-20240331223619

2 years ago

0.0.0-dev-20240330014326

2 years ago

0.0.0-dev-20240328082118

2 years ago

0.0.0-dev-20240327224627

2 years ago

0.0.0-dev-20240327185419

2 years ago

0.0.0-dev-20240327231551

2 years ago

0.40.0

2 years ago

0.0.0-dev-20240326142713

2 years ago

0.0.0-dev-20240325182522

2 years ago

0.0.0-dev-20240325210644

2 years ago

0.0.0-dev-20240325185213

2 years ago

0.0.0-dev-20240325144630

2 years ago

0.0.0-dev-20240325104526

2 years ago

0.0.0-dev-20240325182053

2 years ago

0.0.0-dev-20240325111212

2 years ago

0.0.0-dev-20240325135545

2 years ago

0.0.0-dev-20240325144058

2 years ago

0.0.0-dev-20240325210159

2 years ago

0.0.0-dev-20240325145650

2 years ago

0.0.0-dev-20240323192853

2 years ago

0.0.0-dev-20240323195153

2 years ago

0.0.0-dev-20240323011014

2 years ago

0.0.0-dev-20240322210944

2 years ago

0.0.0-dev-20240319172205

2 years ago

0.0.0-dev-20240319130154

2 years ago

0.39.0

2 years ago

0.0.0-dev-20240319145605

2 years ago

0.0.0-dev-20240319152430

2 years ago

0.0.0-dev-20240319131128

2 years ago

0.0.0-dev-20240319173246

2 years ago

0.0.0-dev-20240313130245

2 years ago

0.0.0-dev-20240311105914

2 years ago

0.0.0-dev-20240311104454

2 years ago

0.38.1

2 years ago

0.0.0-dev-20240308131516

2 years ago

0.0.0-dev-20240305102340

2 years ago

0.0.0-dev-20240304130833

2 years ago

0.0.0-dev-20240304142605

2 years ago

0.0.0-dev-20240229205109

2 years ago

0.38.0

2 years ago

0.0.0-dev-20240226122439

2 years ago

0.0.0-dev-20240223160309

2 years ago

0.0.0-dev-20240222185953

2 years ago

0.37.3

2 years ago

0.37.2

2 years ago

0.37.1

2 years ago

0.0.0-dev-20240225083948

2 years ago

0.0.0-dev-20240222152205

2 years ago

0.37.0

2 years ago

0.0.0-dev-20240220140757

2 years ago

0.0.0-dev-20240220083154

2 years ago

0.0.0-dev-20240218212651

2 years ago

0.0.0-dev-20240218175520

2 years ago

0.0.0-dev-20240218231445

2 years ago

0.0.0-dev-20240219111719

2 years ago

0.0.0-dev-20240220080902

2 years ago

0.0.0-dev-20240218230834

2 years ago

0.0.0-dev-20240219112318

2 years ago

0.0.0-dev-20240219121231

2 years ago

0.0.0-dev-20240219123837

2 years ago

0.0.0-dev-20240218121115

2 years ago

0.36.3

2 years ago

0.0.0-dev-20240216185224

2 years ago

0.0.0-dev-20240214184027

2 years ago

0.0.0-dev-20240214213151

2 years ago

0.36.2

2 years ago

0.0.0-dev-20240214075148

2 years ago

0.0.0-dev-20240212142059

2 years ago

0.36.1

2 years ago

0.36.0

2 years ago

0.0.0-dev-20240212130006

2 years ago

0.0.0-dev-20240213082152

2 years ago

0.0.0-dev-20240212093054

2 years ago

0.0.0-dev-20240212170702

2 years ago

0.0.0-dev-20240212121738

2 years ago

0.35.0

2 years ago

0.0.0-dev-20240211213438

2 years ago

0.0.0-dev-20240210195405

2 years ago

0.0.0-dev-20240210185159

2 years ago

0.0.0-dev-20240210193153

2 years ago

0.0.0-dev-20240210204445

2 years ago

0.0.0-dev-20240209191539

2 years ago

0.0.0-dev-20240207083917

2 years ago

0.0.0-dev-20240206202821

2 years ago

0.0.0-dev-20240206202341

2 years ago

0.0.0-dev-20240205180413

2 years ago

0.0.0-dev-20240205175102

2 years ago

0.0.0-dev-20240204225006

2 years ago

0.0.0-dev-20240203214605

2 years ago

0.0.0-dev-20240202223441

2 years ago

0.0.0-dev-20240202190427

2 years ago

0.0.0-dev-20240202192552

2 years ago

0.0.0-dev-20240203171400

2 years ago

0.0.0-dev-20240203155634

2 years ago

0.0.0-dev-20240202012929

2 years ago

0.0.0-dev-20240129121458

2 years ago

0.0.0-dev-20240130204355

2 years ago

0.0.0-dev-20240129115933

2 years ago

0.0.0-dev-20240129145820

2 years ago

0.34.0

2 years ago

0.0.0-dev-20240129132958

2 years ago

0.0.0-dev-20240125185726

2 years ago

0.0.0-dev-20240125132725

2 years ago

0.0.0-dev-20240126150833

2 years ago

0.33.2

2 years ago

0.33.1

2 years ago

0.0.0-dev-20240126170926

2 years ago

0.0.0-dev-20240123004846

2 years ago

0.33.0

2 years ago

0.0.0-dev-20240123160203

2 years ago

0.0.0-dev-20240123150114

2 years ago

0.0.0-dev-20240122183347

2 years ago

0.0.0-dev-20240122173025

2 years ago

0.0.0-dev-20240122131723

2 years ago

0.0.0-dev-20240119170647

2 years ago

0.0.0-dev-20240119164131

2 years ago