File trees

Representing folder/file structures is simple and accessible in Infusion. Which is just as well, because some components may need to conform to a certain folder structure.

The file tree is described using a markdown nested list structure:


{{% fileTree %}}
* Level 1 folder
    * Level 2 file
    * Level 2 folder
        * Level 3 file
        * Level 3 folder
            * Level 4 file
        * Level 3 folder
            * Level 4 file
            * Level 4 file
        * Level 3 file
    * Level 2 folder
        * Level 3 file
        * Level 3 file
        * Level 3 file
    * Level 2 file
* Level 1 file
{{% /fileTree %}}

This is drawn in the following fashion, but preserves the underlying nested list structure for assistive technologies such as screen readers:

Level 1 folder
- Level 2 file
- Level 2 folder
  - Level 3 file
  - Level 3 folder
    - Level 4 file
  - Level 3 folder
    - Level 4 file
    - Level 4 file
  - Level 3 file
- Level 2 folder
  - Level 3 file
  - Level 3 file
  - Level 3 file
- Level 2 file
Level 1 file