Valmor

Stack

Empilha elementos sobrepostos.

Stack

Pilha Básica Interativa (Passe o mouse para abrir)

Passe o cursor sobre os cartões abaixo para ver o efeito de expansão dinâmica (Fan-Out).

1
2
3

Variação de Direção: Superior (Top)

A
B
C

Variações Horizontais (Esquerda & Direita)

Start (Esquerda)
A
B
C
End (Direita)
A
B
C

Cartões Premium (Estética Realista)

•••• •••• •••• 8849
VALMOR NASCIMENTOBLACK
•••• •••• •••• 5621
VALMOR NASCIMENTOGOLD
•••• •••• •••• 1073
VALMOR NASCIMENTOEMERALD

Pilha de Notificações Estilizadas

Conexão Estabelecida

Você está sincronizado com a base Supabase.

Aviso de Limites

Sua chave API expira em 2 dias.

Erro de Upload

Não foi possível carregar a imagem selecionada.

Galeria Polaroid (Fotos Estilizadas)

Rio de Janeiro
Montanhas Alpinas
Por do Sol
<!-- Stack Component -->
<div class="stack">
  Stack content here
</div>
---
import Stack from '@/components/ui/layout/Stack/Stack.astro';
---

<Stack />

Uso

Quando usar

  • Use Stack para empilha elementos sobrepostos.
  • Ideal para interfaces que precisam de layout

Boas práticas

  • Mantenha consistência com outros componentes da mesma categoria
  • Considere acessibilidade e estados de interação
  • Teste em diferentes tamanhos de tela