cosmemilton-ui/clientAcoes & navegacao

CmMenubar

Use para alternar secoes ou modos em uma area de trabalho compacta.

Import

tsx
import { CmMenubar } from "cosmemilton-ui/client";

Modos de visualizacao

tsx
import { CmButton, CmMenubar } from "cosmemilton-ui/client";

export default function Example() {
  return (
    <CmMenubar
      aria-label="Visualizacao de pedidos"
      items={[
        { id: "kanban", label: "Kanban" },
        { id: "table", label: "Tabela", active: true },
        { id: "calendar", label: "Calendario" },
      ]}
      trailing={<CmButton size="sm" variant="outline">Exportar</CmButton>}
    />
  );
}

API rapida

CmMenubar

itemstrailingaria-labelclassName