Protection
Mural
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Mural
boolean
Variantes, tamanhos e estados
Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).
People · 1
| Size | Mural |
|---|---|
| Desktop | |
| Phone |
People · 2
People · 3
People · 4
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
MuralAddTileProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| size? | "desktop" | "phone" | null | "desktop" | |
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | The router's link, or `<button type="button" />` for an in-page action. |
| className? | string | — | |
| children | ReactNode | — | Figma "label". |
MuralRootProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| size? | MuralSize | "desktop" | Figma "Size". |
| className? | string | — | |
| children | ReactNode | — | `Mural.Person` (1–4) and, while seats are free, one `Mural.AddTile`. |
PersonTile
One person on the Farol home (Figma "Person Tile" 2056:44857): the figure on the state colour with a white pill holding the name and the protection status (icon + word).
DindaPanel
The first-day purple panel on the home (Figma "Dinda Panel" 2130:10991): the Dinda says what she is doing now, with an optional status line and a Tile.
