03 / Componentes

O kit.

Primitivas shadcn ajustadas para Priceshow. Cada exemplo traz variantes, estados e a quando usar.

Button

.btn .btn-{variant}
Variantesprimary · secondary · outline · ghost · destructive · link
Tamanhos & estados.btn-sm · .btn-lg · :disabled · .btn-icon

Input

.input · .label · .helper

Use o e-mail vinculado ao CNPJ do mercado.

Badge

.badge .badge-{variant}
Ativo Rascunho Arquivado No ar Agendado Erro de sync
Status de campanha

Card

.card

Mercado Vila Nova

3 telas · Bauru

No arhá 2min

Atacadão Centro

8 telas · Marília

Agendado14h

Hortifruti São José

2 telas · Jaú

Offlinehá 1h

Table

.table
SKUProdutoPreço regularPreço ofertaStatus
789-12-3456-0Arroz Tio João 5kgR$ 28,90R$ 24,49Ativo
789-44-1102-7Feijão Camil 1kgR$ 9,90R$ 7,49Ativo
789-09-5511-2Óleo Soya 900mlR$ 8,49—Rascunho
789-77-2299-3Leite Italac 1LR$ 5,99R$ 4,99Agendado

Tabs

Alert

.alert

Sincronização em andamento

22 telas estão recebendo a campanha. Tempo estimado: 30s.

3 telas offline

Mercado Vila Nova (2) e Hortifruti São José (1). Verifique conexão.

Switch & Checkbox

Sincronizar automaticamente
Notificar por e-mail
Aplicar a todas as lojas da rede
Repetir semanalmente

Avatar

GG JS MR RA CT

Dialog

Excluir campanha?

"Promo de Páscoa" será removida das 14 telas em que está ativa. Esta ação não pode ser desfeita.