1. Components
  2. Trees

Components

Tailwind CSS Tree View

Navigate hierarchical data with Tailwind CSS Tree View. Ideal for directories, hierarchies, and more. Easily expand, collapse, and select tree nodes.

Requires JS

Note that this component requires the use of our Accordion plugin, else you can skip this message if you are already using Preline UI as a package.

Example

Basic Tree View example to expand and collapse the treeview node.

assets
css
main
main.css
docs.css
README.txt
tailwind
.gitignore
img
js
scripts
templates

Close currently opened

Closes the currently open element at the group level by removing the data-hs-accordion-always-open.

assets
css
main
main.css
docs.css
README.txt
tailwind
.gitignore
img
js
scripts
templates

Customize

Customize the Tree View component with any icons and styles.

Text
Frame
Alignment
Left
Right
Top
Bottom
Font
Cursor
Tools
Files