Skip to content

Feature: FileTree Component #397

Open
@yousinix

Description

@yousinix

Currently the easiest way (excluding custom components) to visualize a directory structure is to use an ascii-based tree as follows:

your_app/
├── pubsepc.yaml
├── lib/
├── ...
└── widgetbook/
    ├── pubsepc.yaml
    ├── lib/
    └── ...

Providing first-class support for this might be a good idea, to make docs more visually appealing.
Here are some examples:

  1. Nextra's FileTree - Simple and interactive file tree.
    image

  2. From Next.js docs - They have a more visually appealing style, they use images instead of components to be able to annotate their images.
    image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions