Shadcn Button Group Publish Controls
Publish controls with split button and overflow. Built by composing Avatar, Button, Button Group, Dropdown Menu, Separator. A free, open source shadcn button group example you can install with npx shadcn@latest add @reui/c-button-group-53 and edit as your own code.
Publish controls with split button and overflow
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A publishing header row: 2 viewer avatars, a Preview button, a filled Publish split and a ghost overflow menu
When to use
- Toolbars of related actions joined into one strip, such as editor, media, zoom or export controls
- Split buttons that pair a main action with a chevron menu of its variants, such as Save or Publish
- Segmented pickers and filter bars that join buttons to selects, inputs, counters and status text
When not to use
- Segmented choices whose pressed option screen readers must hear announced: use the Toggle Group component
- A text field with an icon, prefix or action drawn inside its own border: use the Input Group component
- A single standalone action, or actions spaced apart with no shared border: use the Button component
Agent notes
- Only Publish and its chevron sit in
ButtonGroup; the avatars, Preview and overflow menu are a plain flex row - Replace
viewers, whose avatars load from images.unsplash.com, with the people viewing the document - Below
mdthe PreviewButtonhides its text and is left with no accessible name - On the base twin only children with a
data-slotjoin at the seams, while radix joins every child; wrap custom markup inButtonGroupText ButtonGroupsetsrolegroup but no name; passaria-labelso screen readers say what the set controls
https://reui.io/components/button-group/c-button-group-53.mdget_example("c-button-group-53")npx shadcn@latest add @reui/c-button-group-53Shadcn Components in Button Group Publish Controls
About Shadcn Button Group Publish Controls
Publish controls with split button and overflow. Built by composing Avatar, Button, Button Group, Dropdown Menu, Separator. A free, open source shadcn button group example you can install with npx shadcn@latest add @reui/c-button-group-53 and edit as your own code.
What You Can Build With Shadcn Button Group Publish Controls
- Composes Avatar, Button, Button Group, Dropdown Menu, Separator, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-button-group-53
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Button Group Examples
- Two Buttons Basic button group with two buttons
- Button & Input Button group with button followed by input
- Buttons & Badge Button group with buttons and badge
- Dropdown Menu Button group with dropdown menu
- Team Activity Team activity and collaboration group
- Icon Actions Button group using icons for visual actions
- Status Indicator Dropdown menu with status indicator
- Like Counter Button group styled as a like button with a counter
- Nested Groups Nested button groups for complex action sets
- Basic Pagination Button group used for standard pagination
- Split Pagination Pagination split into page numbers and navigation arrows
- Text Alignment Button group for editor text alignment controls
Related Shadcn Component Categories
Open-source shadcn calendar components for date picking, scheduling flows, and booking interfaces.
Open-source shadcn card components for content previews, dashboard widgets, and product summaries.
Open-source shadcn carousel components for image galleries, feature showcases, and testimonials.
Nested multi-level selection with drill-down navigation, breadcrumbs, search and custom rows.
Open-source shadcn chart components for analytics dashboards, KPI tracking, and reports.
Open-source shadcn checkbox components for multi-select forms, settings preferences, and table selection.
Frequently Asked Questions
When should I use Shadcn Button Group Publish Controls?
Use it for a publishing header row: 2 viewer avatars, a Preview button, a filled Publish split and a ghost overflow menu.
Shadcn Button Group as a whole fits:
- Toolbars of related actions joined into one strip, such as editor, media, zoom or export controls
- Split buttons that pair a main action with a chevron menu of its variants, such as Save or Publish
- Segmented pickers and filter bars that join buttons to selects, inputs, counters and status text
For segmented choices whose pressed option screen readers must hear announced, use the Toggle Group component. For a text field with an icon, prefix or action drawn inside its own border, use the Input Group component. For a single standalone action, or actions spaced apart with no shared border, use the Button component.
How do I install Shadcn Button Group Publish Controls?
Is Shadcn Button Group Publish Controls free to use?
Which components does Shadcn Button Group Publish Controls use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.