Treeview

Basic tree view

Item 1

Sub Item 1

Sub Sub Item 1

Sub Sub Item 2

Sub Item 2

Sub Sub Item 1

Sub Sub Item 2

Item 2

Sub Item 1

Sub Sub Item 1

Sub Sub Item 2

Sub Item 2

Sub Sub Item 1

Sub Sub Item 2

Item 3

With icons

folder_fill images

photo_fill avatar.png

photo_fill background.jpg

folder_fill documents

doc_text_fill cv.docx

doc_text_fill info.docx

logo_github .gitignore

doc_text_fill index.html

With checkboxes

folder_fill images

photo_fill avatar.png

photo_fill background.jpg

folder_fill documents

doc_text_fill cv.docx

doc_text_fill info.docx

logo_github .gitignore

doc_text_fill index.html

Whole item as toggle

folder_fill images

photo_fill avatar.png

photo_fill background.jpg

folder_fill documents

doc_text_fill cv.docx

doc_text_fill info.docx

logo_github .gitignore

doc_text_fill index.html

Selectable

folder_fill images

photo_fill avatar.png

photo_fill background.jpg

folder_fill documents

doc_text_fill cv.docx

doc_text_fill info.docx

logo_github .gitignore

doc_text_fill index.html

Preload children

person_2_fill Users

${loadedChildren.map((item) => $h`

person_fill ${item.name}

`)}

With links

square_grid_2x2_fill Modals

[ link Popup

](/popup/)

[ link Dialog

](/dialog/)

[ link Action Sheet

](/action-sheet/)

square_grid_2x2_fill Navigation Bars

[ link Navbar

](/navbar/)

[ link Toolbar & Tabbar

](/toolbar-tabbar/)