Card

SobreCopiar link da âncora

Superfície de card do design system — base para listas, produtos, conteúdo em destaque e qualquer bloco que precise de fundo, borda e sombra padronizados.

• variant: elevated (padrão, fundo surface + sombra sutil + borda fina), filled (fundo surfaceSecondary, sem sombra — usado dentro de sheets/painéis aninhados), outlined (transparente, só borda), ghost (sem fundo, borda ou sombra), spotlight (surface + borda + sombra de componente, usado em onboarding).
• color / borderColor: sobrescrevem o fundo e a borda padrão da variante.
• borderRadius: raio customizado (padrão KasyRadius.xl).
• padding / margin: espaçamento interno/externo.
• clipContent: recorta o conteúdo no raio do card (padrão true).
• onTap: torna o card pressionável, com efeito de profundidade, hover/foco e semanticLabel.
• focusable: participa da navegação por teclado quando onTap é definido; desative se o card já pinta seleção própria.
• focusGapColor: cor do gap do anel de foco.

PreviewCopiar link da âncora

Atualizado em 03/11/2026