Tile
Um componente de card compacto usado para exibir informações resumidas com ícone, título e descrição.
Examples
Regular
Preview
Sincronia com internato
Cronograma MedwayCM
Preview
Sincronia com internato
Cronograma MedwayGO
Preview
Sincronia com internato
Cronograma MedwayCIR
Preview
Sincronia com internato
Cronograma MedwayPED
Preview
Sincronia com internato
Cronograma MedwayPREV
Preview
Sincronia com internato
Cronograma MedwayCom onClick
Preview
Sincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwayDisabled
Preview
Sincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwayInactive
Preview
Sincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwaySincronia com internato
Cronograma MedwayAPI
Tile
| Property | Type | Possible values | Default | Description |
|---|---|---|---|---|
| variant | ”regular” | “cm” | “go” | “cir” | “ped” | “prev" | "regular”, “cm”, “go”, “cir”, “ped”, “prev" | "regular” | Sets the visual style of the tile based on medical specialty. |
| asChild | boolean | true, false | false | Change the default rendered element for the one passed as a child, merging their props and behavior. |
| disabled | boolean | true, false | false | Disables the tile with muted colors. |
| inactive | boolean | true, false | false | Visually similar to disabled but allows interactions. Shows muted colors. |
| onClick | function | - | - | Callback executed when the tile is clicked. When provided, shows an edit icon in the top-right corner on hover and changes cursor to pointer. |
| className | string | - | - | Additional CSS classes for customization. |
| …props | All native div props | - | - | Allows passing any other standard div element properties. |
TileIcon
| Property | Type | Possible values | Default | Description |
|---|---|---|---|---|
| icon | React.ReactNode | - | - | The icon to be displayed in the tile. |
| className | string | - | - | Additional CSS classes for customization. |
| …props | All native div props | - | - | Allows passing any other standard div element properties. |
TileTitle
| Property | Type | Possible values | Default | Description |
|---|---|---|---|---|
| className | string | - | - | Additional CSS classes for customization. |
| …props | All native div props | - | - | Allows passing any other standard div element properties. |
TileDescription
| Property | Type | Possible values | Default | Description |
|---|---|---|---|---|
| className | string | - | - | Additional CSS classes for customization. |
| …props | All native p props | - | - | Allows passing any other standard p element properties. |
Last updated on