Navigation
AccountMenu
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Account Menu
boolean
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).
Account Menu ·
| Account Menu |
|---|
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
AccountMenuRootProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| user | AccountUser | — | Who is signed in: name, e-mail, initials. |
| viewport? | NavViewport | — | Desktop = attached menu, Phone = bottom drawer. Leave it out to follow the screen (drawer below 56rem, like the App Header). |
| open? | boolean | — | Controlled open state. |
| defaultOpen? | boolean | false | Uncontrolled initial open state. |
| onOpenChange? | ((open: boolean) => void) | — | |
| label? | string | "Sua conta" | Accessible name of the menu or drawer. Default "Sua conta". |
| inline? | boolean | false | Draws the open panel in place, with no trigger, portal or focus trap: for the /__ds matrix and docs previews only. |
| children | ReactNode | — |
AccountMenuTriggerProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| className? | string | — |
AccountMenuItemProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| icon? | ReactNode | — | A lucide element (16 px in the menu, 20 px in the drawer). |
| href? | string | — | A destination; or `render={<NextLink href="/conta" />}`. |
| render? | ReactElement<unknown, string | React.JSXElementConstructor<any>> | — | |
| onClick? | ((event: MouseEvent<HTMLElement>) => void) | — | |
| disabled? | boolean | false | |
| className? | string | — | |
| children | ReactNode | — |
AccountMenuSignOutProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| children? | ReactNode | "Sair" | Default "Sair"; pass "Saindo…" while it runs. |