Componente

CmMenubar

Barra compacta de ações de navegação.

Import

Caminho público recomendado para este componente.

import { useState } from "react";
import { CmBadge, CmButton, CmMenubar, type CmMenubarItem } from "cosmemilton-ui";

Use CmMenubar como uma barra compacta de navegação local ou ações relacionadas.

items define os botões da esquerda. Cada item usa { id, label, onClick?, active?, disabled? }.

onClick executa a ação do item. Para navegação real, chame router.push(...) dentro dele.

active marca apenas o estado visual atual. disabled bloqueia a interação e reduz contraste.

trailing recebe ações auxiliares no fim da barra, como um CmButton ou CmBadge.

Navegação local com ação

Clique nos itens para alternar a visão ativa; ações contextuais ficam à direita.

Online