Button Group

Inputs

Horizontal or vertical set of buttons with optional attached (joined) styling.

🚧

Demo coming soon

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

Instalação via CLI

$ npx kikitocn add button-group

Exemplo de uso

Button GroupExample.tsx

import { ButtonGroup } from "@/components/ui/cn/button-group/ButtonGroup";

export function ButtonGroupExample() {
  return (
    <ButtonGroup />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Botões filhos
`orientation`	`'horizontal' \| 'vertical'`	`'horizontal'`	Orientação do grupo
`attached`	`boolean`	`false`	Unir bordas entre botões adjacentes
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…