Componentes

Button Group

Agrupar botões relacionados em um único controle visual.

Ações e indicadores

Carregando demonstração…

Código da demo
"use client";

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

export function Demo() {
  return (
    <ButtonGroup>
      <Button variant="outline">Esquerda</Button>
      <Button variant="outline">Centro</Button>
      <Button variant="outline">Direita</Button>
    </ButtonGroup>
  );
}
Acessibilidade
role=group quando fizer sentido; cada botão permanece acionável.
Importar
import { ButtonGroup } from "@financeequity/ui/button-group"

Neste repositório:

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