Menu de perfil
AlpopProfileMenu é o avatar da navbar: um botão que abre um popover com a identidade do usuário e uma lista de ações (ex.: sair).
É desacoplado: passe name, email e as ações em items; a inicial é derivada do nome (ou informe avatar para uma imagem). Clicar em uma ação emite select com o item. Cada item: { key, label, icon, danger }.
pug
alpop-profile-menu(
:name="user.name",
:email="user.email",
:items="[{ key: 'logout', label: 'Sair', icon: 'signOut', danger: true }]",
@select="onSelect"
)Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
name | String | null | Nome do usuário; define a inicial do avatar |
email | String | null | E-mail exibido no cabeçalho do popover |
avatar | String | null | URL da imagem do avatar (substitui a inicial) |
items | Array | [] | Ações { key, label, icon, danger } |
Eventos
| Evento | Payload | Descrição |
|---|---|---|
open | — | Emitido ao abrir o popover |
close | — | Emitido ao fechar (clique fora / Esc) |
select | item | Emitido ao clicar em uma ação |