Árbol básico
app
layout.tsx
page.tsx
global.css
lib
package.json
tsconfig.json
Tree example
Carpetas anidadas
Tree.Folder unos dentro de otros.
app
layout.tsx
page.tsx
api
auth
route.ts
components
package.json
Nested folders example
- Teclas de flecha: Navega hacia arriba y hacia abajo por los elementos visibles.
- Flecha derecha: Expande una carpeta cerrada o se desplaza al primer elemento hijo de una carpeta abierta.
- Flecha izquierda: Contrae una carpeta abierta o se desplaza a la carpeta padre.
- Inicio (Home): Salta al primer elemento del árbol.
- Fin (End): Salta al último elemento visible del árbol.
- Enter/Espacio: Alterna el estado de la carpeta entre abierta y cerrada.
- *: Expande todas las carpetas del mismo nivel en el nivel actual.
- Búsqueda incremental: Escribe caracteres para saltar a los elementos que comienzan con esos caracteres.
Propiedades
Tree.Folder
string
requerido
El nombre de la carpeta que se muestra en el árbol.
boolean
predeterminado:"false"
Indica si la carpeta está expandida de forma predeterminada.
boolean
predeterminado:"true"
Indica si la carpeta se puede abrir y cerrar. Configúralo en false para carpetas no interactivas.
Tree.File
string
requerido
El nombre del archivo que se muestra en el árbol.