cosmemilton-ui/clientAcoes & navegacao

CmSplitButton

Use quando a acao principal tem modos relacionados e o usuario precisa alternar rapidamente.

Import

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

Acao com modo

tsx
"use client";

import { useState } from "react";
import { CmSplitButton } from "cosmemilton-ui/client";

export default function Example() {
  const [selected, setSelected] = useState("csv");

  return (
    <CmSplitButton
      tone="primary"
      selected={selected}
      onSelect={setSelected}
      options={[
        { label: "Exportar CSV", value: "csv" },
        { label: "Exportar PDF", value: "pdf" },
        { label: "Enviar por e-mail", value: "email" },
      ]}
    />
  );
}

API rapida

CmSplitButton

optionsselectedonSelectplaceholdervarianttone