O conjunto de componentes

Tudo na galeria é importado de astro-inkstone/components/ por caminho e renderizado com os tokens padrão do pacote. Os componentes são de exibição pura: recebem dados e textos de rótulo como props (com padrões em inglês), então um site em qualquer idioma passa os seus.

3 capítulos · 24 componentes · todos importados por caminho de astro-inkstone/components/

capítulos: 3
componentes: 24
peças wiki: 6
cores cruas: 0

Os capítulos

Cada cartão é um capítulo da trilha na barra lateral; os chips nomeiam o que ele mostra.

PARTE I

Conteúdo e tipografia

As peças de que a prosa é feita — callouts, chips, grades, trilhas de passos, linhas de estatísticas, cartões de artigo e listas de referências.

CalloutPaperCardGridStepsStats

7 componentes→

PARTE II

Wiki e navegação

O conjunto de taxonomia com que as estantes deste jardim são montadas, e os dois painéis do grafo de links — as menções vinculadas e o grafo local da barra lateral.

NoteCardFacetNavTaxonomyLineBacklinksLocalGraph

8 componentes→

PARTE III

Interativos e mobiliário

Uma demo de canvas ao vivo e o contrato de carregador que pertence ao site, mais o mobiliário de página — heros, cartões de hub, listas de salto, rodapés.

DemoMountHeroHubCardLocalTocPageFooter

9 componentes→

Um hub, ao vivo

Esta nota é, ela mesma, a demonstração de um hub: uma nota de nível superior cujo frontmatter declara nav — uma lista ordenada de capítulos. A maquinaria diante dos seus olhos:

a barra lateral mostra a trilha de capítulos (I/II/III) sob a marca do hub, com paginação anterior/próximo ao pé de cada capítulo;
os capítulos herdam a taxonomia do hub — nenhum dos três capítulos da galeria declara tipo, domínio ou status próprios, e ainda assim cada um exibe os desta nota; um capítulo que define os seus sobrepõe por inteiro (a mesma regra de todo o resto: o explícito vence);
nas páginas de navegação o hub é uma unidade só: um cartão, com a contagem de capítulos — capítulos nunca entulham uma estante;
o número part: de cada capítulo precisa bater com a posição dele em nav, ou o build falha — a trilha e o frontmatter não têm como divergir;
os cartões acima são componentes HubCard dentro de um .hub-grid; a caixa abaixo é um caminho de leitura (.path), a outra peça do mobiliário de hub.

Por onde começar

Novo no pacote → Parte I→Parte II; construindo um site de navegação → direto para a Parte II→o guia de primeiros passos; o lado Markdown da mesma história → a vitrine completa.