Tile

Componente de card compacto para exibir informações resumidas com um ícone, um título e uma descrição.

Exemplos

Regular

CM

GO

CIR

PED

PREV

Compact

Versão compacta em formato de pílula, que mostra só o ícone e a descrição (o TileTitle fica visualmente oculto, mas continua disponível para leitores de tela).

Com onClick

Desabilitado

Inativo

API

Tile

Propriedade	Tipo	Valores possíveis	Padrão	Descrição
variant	"regular" | "cm" | "go" | "cir" | "ped" | "prev"	"regular", "cm", "go", "cir", "ped", "prev"	"regular"	Define o estilo visual do tile de acordo com a especialidade médica.
size	"default" | "compact"	"default", "compact"	"default"	Define o tamanho do tile. "compact" renderiza uma pílula com só o ícone e a descrição visíveis (o título continua disponível para leitores de tela).
asChild	boolean	true, false	false	Troca o elemento renderizado por padrão pelo que for passado como filho, mesclando props e comportamento.
disabled	boolean	true, false	false	Desabilita o tile com cores esmaecidas. Com onClick, o tile continua com papel de botão, anunciado como indisponível (aria-disabled), fora da ordem de Tab e sem responder a clique ou teclado.
inactive	boolean	true, false	false	Representa o estado "não configurado" (Active false) e mantém as interações. A variante regular usa o fundo de superfície da página; as variantes coloridas (cm, go, cir, ped, prev) ficam escurecidas.
onClick	function	-	-	Função executada quando o tile é clicado. Quando informada, mostra um ícone de edição no canto superior direito no hover (só no tamanho default), destaca a borda na variante regular e troca o cursor para pointer.
className	string	-	-	Classes CSS adicionais para personalização.
...props	Todas as props nativas de div	-	-	Permite passar qualquer outra propriedade padrão do elemento div.

TileIcon

Propriedade	Tipo	Valores possíveis	Padrão	Descrição
icon	React.ReactNode	-	-	Ícone exibido no tile.
className	string	-	-	Classes CSS adicionais para personalização.
...props	Todas as props nativas de div	-	-	Permite passar qualquer outra propriedade padrão do elemento div.

TileTitle

Propriedade	Tipo	Valores possíveis	Padrão	Descrição
className	string	-	-	Classes CSS adicionais para personalização.
...props	Todas as props nativas de div	-	-	Permite passar qualquer outra propriedade padrão do elemento div.

TileDescription

Propriedade	Tipo	Valores possíveis	Padrão	Descrição
className	string	-	-	Classes CSS adicionais para personalização.
...props	Todas as props nativas de span	-	-	Permite passar qualquer outra propriedade padrão do elemento span.