Surface

SobreCopiar link da âncora

Container estilo HeroUI que fornece fundo, elevação, arredondamento e clipping para o conteúdo interno. Base para agrupar conteúdo em cards, painéis e superfícies aninhadas.

• variant: KasySurfaceVariant.transparent (só estrutura/raio, sem preenchimento), .defaultSurface (padrão; superfície elevada com sombra do kit), .secondary / .tertiary (fundos neutros progressivamente recuados, para superfícies aninhadas) ou .image (recorta o filho — ex: uma imagem — no raio, sem preenchimento nem sombra).
• borderRadius: raio dos cantos; padrão é o raio de container do kit (KasyRadius.rounded2xl, 16), igual ao KasyCard.
• padding: espaçamento interno ao redor do child.
• clipBehavior: comportamento de recorte (padrão Clip.antiAlias).
• child: conteúdo exibido dentro da superfície.

Só defaultSurface desenha a sombra de elevação do kit.

PreviewCopiar link da âncora

Atualizado em 03/11/2026