Split Action Button

An action with a variants attachment: the main action on the left, a chevron with a built-in dropdown menu on the right. Self-contained — one file, no dependencies. From VibeUI — 1,600+ components with agent-ready install briefs at vibeui.club.

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

import { Button002 } from "@/components/ui/vibeui-button-002"

export default function Demo() {
  return <Button002 {...{"children":"Publish","menuLabel":"More options","items":[{"label":"Publish now"},{"label":"Schedule publication"},{"label":"Save as draft"}]}} />
}