SuperdindaDocs
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

DefaultHoverOpenFocus

Viewport · Phone

DefaultHoverOpenFocus

Props

As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.

PropTipoPadrãoDescrição
string—Figma `name`.
string—Figma `email` (desktop only).
string—Avatar initials, two letters.
NavViewport—Figma `Viewport`: Desktop shows name, e-mail and chevron; Phone the avatar alone. Leave it out to follow the space.
booleanfalseFigma State=Open, when not driven by a menu (which sets it itself).
string—Accessible name, when name and e-mail (the default) are not enough.
string—

On this page