Catálogo de seções
O catálogo lista as seções que o ui/ do slash-kit v1.1.0 entrega. As 21 primeiras montam landings e sites; as 18
seguintes montam o painel e o blog. Cada nome leva à página da seção, com as variantes e as propriedades geradas da
galeria da tag.
A última coluna conta as entradas da galeria de cada componente (ui/gallery/catalog.ts). Uma entrada é uma
combinação de variante, tom e props: a seção Header tem 11 entradas e três variantes (floating-anchors, bar,
transparent); bar aparece com e sem logo, por exemplo. As páginas de seção falam em variantes, e a galeria mostra
as combinações.
Para montar uma página, escolha as seções na ordem em que elas aparecem e a variante de cada uma no arquivo de composição do projeto. Variante inexistente ou propriedade faltando é erro de compilação.
| Seção | Pasta em ui/ | Entradas na galeria |
|---|---|---|
Grid | ui/grid | 1 |
Cta | ui/sections/cta | 9 |
Header | ui/sections/header | 11 |
Hero | ui/sections/hero | 15 |
LogoStrip | ui/sections/logo-strip | 2 |
Features | ui/sections/features | 8 |
FeatureSplit | ui/sections/feature-split | 7 |
About | ui/sections/about | 7 |
Testimonials | ui/sections/testimonials | 7 |
Pricing | ui/sections/pricing | 6 |
Faq | ui/sections/faq | 6 |
Footer | ui/sections/footer | 8 |
WhatsappFab | ui/sections/whatsapp-fab | 2 |
ConsentBanner | ui/consent | 1 |
PhotoGallery | ui/sections/photo-gallery | 4 |
Team | ui/sections/team | 2 |
Locations | ui/sections/locations | 2 |
Schedule | ui/sections/schedule | 2 |
PageHeader | ui/sections/page-header | 4 |
Cards | ui/sections/cards | 5 |
Search | ui/sections/search | 2 |
Painel e blog
Seção intitulada “Painel e blog”| Seção | Pasta em ui/ | Entradas na galeria |
|---|---|---|
PanelShell | ui/panel | 12 |
AuthCard | ui/panel | 5 |
DataTable | ui/panel | 2 |
FormView | ui/panel | 2 |
KpiRow | ui/panel | 1 |
Chart | ui/panel | 2 |
BlogList | ui/sections/blog-list | 3 |
PostPage | ui/sections/post-footer | 3 |
PostEditor | ui/panel | 3 |
MediaLibrary | ui/panel | 4 |
MenuEditor | ui/panel | 2 |
CommentQueue | ui/panel | 1 |
TaxonomyList | ui/panel | 2 |
RevisionDiff | ui/panel | 1 |
SeoForm | ui/panel | 1 |
EmptyState | ui/panel | 1 |
ErrorState | ui/panel | 1 |
ConfirmDialog | ui/panel | 2 |