<wa-tree-item>

Tree items represent a single hierarchical node inside a tree, and can contain nested items that expand and collapse.

Category

Navigation

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

29.4 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,114,338 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

License

MIT

Status

stable

• Documentation
• Demo
• Source code

Attributes

• expanded
• selected
• disabled
• lazy
• tabindex
• role
• dir
• lang
• did-ssr

Slots

• expand-icon
• collapse-icon

Events

• wa-expand
• wa-after-expand
• wa-collapse
• wa-after-collapse
• wa-lazy-change
• wa-lazy-load

CSS Parts

• base
• tree-item
• item
• indentation
• expand-button
• spinner
• spinner__base
• label
• children
• checkbox
• checkbox__base
• checkbox__control
• checkbox__checked-icon
• checkbox__indeterminate-icon
• checkbox__label