Navigation
PersonSwitcher
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Person Switcher
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).
Person Switcher ·
| Person Switcher |
|---|
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
PersonSwitcherRootProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| className? | string | — | |
| children? | ReactNode | — |
PersonSwitcherItemProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| name | string | — | Figma `name`. |
| initials | string | — | Avatar initials (the exposed Avatar), two letters. |
| status | PersonStatus | — | Figma `Status`. |
| statusLabel? | string | — | The status word, when the screen words it differently. |
| className? | string | — |
PersonSwitcherAddProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | The router's link, e.g. `render={<NextLink href="/familia/adicionar" />}`. |
| className? | string | — | |
| children? | ReactNode | "Adicionar" |