Navigation
AccountTrigger
The avatar that opens the account (Figma "Account Trigger" 175:286): the only way into account actions.
Desktop opens Account Menu, phone Account Drawer; AccountMenu.Trigger wires it, use it alone only to show it.
<AccountTrigger name="Mariana Alves" email="mariana@exemplo.com.br" initials="MA" />Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Account Trigger
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).
Viewport · Desktop
| Default | Hover | Open | Focus |
|---|---|---|---|
Viewport · Phone
| Default | Hover | Open | Focus |
|---|---|---|---|
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| name | string | — | Figma `name`. |
| string | — | Figma `email` (desktop only). | |
| initials | string | — | Avatar initials, two letters. |
| viewport? | NavViewport | — | Figma `Viewport`: Desktop shows name, e-mail and chevron; Phone the avatar alone. Leave it out to follow the space. |
| open? | boolean | false | Figma State=Open, when not driven by a menu (which sets it itself). |
| label? | string | — | Accessible name, when name and e-mail (the default) are not enough. |
| className? | string | — |
