Componentes que disparam ações na interface. Pela hierarquia, prefira o EletroDS; complete com Nuxt UI.

Qual usar?

O nível da ação define o controle — quanto maior o alcance, mais à esquerda e com mais destaque:

SituaçãoUse
Ação primária da tela (criar entidade)Button sólido "Novo X", no Subheader
Várias ações de suporte (editar, exportar, arquivar)ButtonBar (excedente em "Mais ações")
Ações de uma linha/registroDropdownMenu (menu ⋮ ellipsis-vertical)
Montar a faixa de controle do topo (CTA + ações + busca + view)Subheader

Componentes

EletroDS

Button

Hierarquia das ações (primário, neutro, destrutivo, só-ícone).

ButtonBar

Fileira de ações com overflow "Mais ações", opções e tooltips.

Subheader

Faixa de controle do topo (CTA, ButtonBar, busca, view switcher).

Nuxt UI

Base, não-internalizado.

DropdownMenu

Menu de ações por clique; o "mais ações" por linha.

FAB

A ação primária flutuante no mobile, acima da NavBar.

ButtonGroup — agrupa botões relacionados (referência base no Nuxt UI).