Split Button

Inputs

Button with a primary action and a secondary dropdown for alternate actions.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for inputs/split-button

Instalação via CLI

$ npx kikitocn add split-button

Exemplo de uso

Split ButtonExample.tsx

import { SplitButton } from "@/components/ui/cn/split-button/SplitButton";

export function SplitButtonExample() {
  return (
    <SplitButton />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`label*`	`string`	—	Texto do botão principal
`onClick*`	`() => void`	—	Ação do botão principal
`options*`	`SplitButtonOption[]`	—	Ações alternativas { label, onClick, disabled? }
`intent`	`'primary' \| 'secondary' \| 'neutral' \| 'danger'`	`'primary'`	Cor do botão
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do botão
`disabled`	`boolean`	`false`	Desabilitar botão
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…