Explorer

Preview HTML Astro

Componentes Disponíveis

Todos

Design System Tokens

Tokens

Definições fundamentais de cores, espaçamentos, cantos e fontes.

Rating (Avaliações)

Data Input

Seleção interativa de estrelas com suporte a frações e acessibilidade.

Stack (Empilhador)

Layout

Empilhamento visual de cartas com transições interativas e leque de hover.

Button (Botões)

Action

Botões modulares com estados de loading, desabilitado e ícones.

Carousel (Carrossel)

Data Display

Rolagem de itens baseada em gestos com suporte a teclado e drag.

Badge (Etiquetas)

Data Display

Pequenos rótulos informativos para status ou contadores numéricos.

<!-- Explorer Component -->
<div class="explorer">
  Explorer content here
</div>

---
import Explorer from '@/components/ui/data-display/Explorer/Explorer.astro';
---

<Explorer />

Use Explorer para componente interativo para navegar em coleções de itens ou documentação.
Ideal para interfaces que precisam de exibição de dados