Árbol
Árbol
Explorador de archivos
La anidación es toda la estructura: un ítem se abre cuando lleva abierto, y su profundidad es lo que sangra la fila mientras el resaltado aún abarca todo el ancho.
- src
- Controller
- Model
- Kernel.php
- front
- composer.json
AppController.php
El árbol no tiene ancho ni alto propio: la zona a su lado es una ordinaria, y cada lado se desplaza por separado.
Vue
El mismo marcado, la misma forma, pero las carpetas se abren y cierran: el chevron es lo que pliega un nodo, y un clic en cualquier otro lugar de la fila selecciona el ítem y lo envía como un evento de selección.
Vue, en un espacio de trabajo
El explorador como una app se envía así: el árbol de vue en la zona desplazable de un dividido, manteniendo más filas de las que la zona es alta y nombres más largos de lo que es ancho. La zona se desplaza en ambos ejes y la barra horizontal permanece en su suelo, sea cual sea la última fila.
Pages
El árbol no tiene ancho ni alto propio: la zona a su lado es una ordinaria, y cada lado se desplaza por separado.
Sin íconos
La forma no sabe nada sobre archivos: un ítem sin ícono y sin enlace se renderiza como texto plano.
- Raíz
- Primer hijo
- Segundo hijo