Árvore

A aninhamento é toda a estrutura: um item se abre quando está aberto, e sua profundidade é o que indenta a linha enquanto a marcação ainda se estende por toda a largura.

Mesma marcação, mesma forma, mas as pastas abrem e fecham: o chevron é o que dobra um nó, e um clique em qualquer outro lugar da linha seleciona o item e o envia como um evento de seleção.

O explorador como um aplicativo é entregue assim: a árvore vue na zona rolável de uma divisão, contendo mais linhas do que a zona é alta e nomes mais longos do que é larga. A zona rola em ambos os eixos e a barra horizontal permanece em seu piso, independentemente de qual seja a última linha.

A forma não sabe nada sobre arquivos — um item sem ícone e sem link é exibido como texto simples.