Button Group Dropdown

A split button that pairs a primary action button with an adjacent dropdown menu trigger for secondary actions like mute, block, share, or delete.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Button Group Dropdown to your project and fits it to your theme.

import ButtonGroupDropdown from "@/components/ui/button-group-dropdown";

export default function ButtonGroupDropdownDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <ButtonGroupDropdown />
    </div>
  );
}