Playground
Todos os componentes, vivos e juntos. Se algo estiver estranho aqui, vai estar estranho no produto — conserta aqui primeiro.
AppBackground
Gradiente global e blobs de luz na cor da marca.
GlassCard
Vidro leve para o cotidiano; strong para conteúdo com mais presença.
Vidro leve
Para a maioria dos cards do produto.
Vidro opaco
Para sheets e conteúdo que precisa saltar.
Button
Três variantes × três tamanhos.
GlassSheet
Overlay com blur, entrada em spring e saída pelo overlay ou Esc.
Confirme sem perder o contexto.
AmountDisplay
Centavos inteiros, Sora e tabular-nums.
SplitSelector
Escolha o jeito de pagar; o estado selecionado acompanha a ação.
Modo selecionado: equal
TipSelector
Percentuais calculados sobre R$ 62,50 e valor livre.
Caixinha atual: R$ 6,25
PixQRPanel
QR claro, copia-e-cola, confirmação de cópia e countdown.
00020126580014br.gov.bcb.pix0136a1b2c3d4-e5f6-4a7b-8c9d-0e1f2a3b4c5d5204000053039865406186.405802BR5909JUYA BURGER6009Fortaleza62070503***6304ABCDAponta a câmera ou copia o código. A gente avisa aqui na hora que cair.
StarRating
Interativo com spring e estado somente leitura.
TableStatusBadge
Quatro estados de mesa, com contraste nos dois temas.
freeopenawaiting_paymentpaidStatCard
Métrica, contexto e ícone opcionais.
EmptyState
Orientação calorosa, nunca uma tela em branco.
Nenhuma mesa aberta agora
Assim que alguém sentar e abrir a conta, ela aparece aqui em tempo real.
GlassSkeleton
Pulso de vidro durante o carregamento.
SuccessCheck
Confirmação desenhada em spring.
Pago!
A conta foi confirmada e a mesa já pode ser encerrada.