Tree View

Tree View

Basic Tree

A simple two-level tree with groups and items.

+ Documents
+ Images

      <.tree_view>
      <.tree_view_group label="Documents">
      <.tree_view_item>readme.txt</.tree_view_item>
      <.tree_view_item active>report.pdf</.tree_view_item>
      </.tree_view_group>
      </.tree_view>
    
IRC Sidebar

Platform-style sidebar with channels, PMs, and collapsible groups.

+ My Channels
+ Private Messages
+ Popular Channels

      <.tree_view_group label="My Channels">
      <.tree_view_item active>
      <:icon><span class="text-teal font-bold">#</span></:icon>
      #lobby (4)
      </.tree_view_item>
      </.tree_view_group>
    
Collapsed Groups

Groups can start collapsed using open={false}.

+ Open Group
+ Collapsed Group

      <.tree_view_group label="Open Group">...</.tree_view_group>
      <.tree_view_group label="Collapsed Group" open={false}>...</.tree_view_group>
    
Help
Help Topics GitHub License (MIT)
6 objects
Help Topics
GitHub License (MIT)