@govbr-ds/core
Version:
Padrão Digital de Governo
13 lines (12 loc) • 1 kB
HTML
<style>
#avatar-dropdown-trigger {
height: auto;
padding: var(--spacing-scale-base);
}
</style>
<div>
<button class="br-sign-in" type="button" id="avatar-dropdown-trigger" data-toggle="dropdown" data-target="avatar-menu" aria-label="Olá, Fulano"><span class="br-avatar" title="Fulano da Silva"><span class="content bg-orange-vivid-30 text-pure-0">F</span></span><span class="ml-2 text-gray-80 text-weight-regular">Olá, <span class="text-weight-semi-bold">Fulano</span></span><i class="fas fa-caret-down" aria-hidden="true"></i>
</button>
<div class="br-list" id="avatar-menu" hidden="hidden" role="menu" aria-labelledby="avatar-dropdown-trigger"><a class="br-item" href="javascript:void(0)" role="menuitem">Dados pessoais</a><a class="br-item" href="javascript:void(0)" role="menuitem">Privacidade</a><a class="br-item" href="javascript:void(0)" role="menuitem">Notificações</a><a class="br-item" href="javascript:void(0)" role="menuitem">Perguntas frequentes</a>
</div>
</div>