## Default tree (no file icons)

## Selection disabled

Selected file : none Open folder : Title 3

## Single node selection

Selected file : /Title 1/Subtitle 1 Open folder : Title 3

## File tree

### Selection disabled

### Single file selection

Selected file : /folder 1/folder 2/index.html Open folder : none

## Multiple Leaves (nodes) Selection

### Basic

Selected Leaves : {{currentNodesBasic}}

### Checkboxes + Checkbox AutoSelect

Selecting all children selects parent, parent checkbox selects children.

#### Sample Tree Props:

- selection-mode="multiple"
- checkboxes="with-checkbox-auto-select"

Selected Leaves : {{currentNodesCheckboxes}}

### Checkboxes + Parent AutoSelect

Children can be selected by parent checkbox and children can unselect parent.

#### Sample Tree Props:

- selection-mode="multiple"
- checkboxes="with-parent-auto-select"

Selected Leaves : {{currentNodesCheckboxesParent}}

### Checkboxes + AutoSelect Buttons

Checkboxes tree in which parents and children can be auto-selected with a button (currently a placeholder).

##### Sample Tree Props:

- selection-mode="multiple"
- checkboxes="with-button-auto-select"
- :use-files-icons="true"

Selected Leaves : {{currentNodesCheckboxesButtonAutoselect}}

### Checkboxes + disabled leaves sample

Checkboxes tree in which every elements are fully independant.

#### Sample Tree Props:

- selection-mode="multiple"
- checkboxes="true"

Selected Leaves : {{currentNodesCheckboxesNone}}

## Other cases

### Nodes error

### Empty tree

### Selected node not found

Console error

### Read only mode

### Read only mode with checkbox

### Tree in a modal window

Open the modal

### Read only mode