Trees

Note!
To be written…

General information

When to use

When not to use

Components contained within it

How to use

Anatomy

Do and do not

Options

Types

Sizes

States

Variants

Modifiers

Content standards

Animation standards

Interactions

Presentation

Placement

Hierarchy

Alignment

Composability

Responsive behavior

Spacing

Accessibility guidelines

Additional resources

  • React-accessible-treeview: a React component that implements the tree view pattern as described by the WAI-ARIA Authoring Practices.
    • Note: as it stands on 12 January 2023, you’ll need to update the CSS to show the focus. Otherwise this may be the only accessible tree component out there. Test for yourself before taking my word for it.