Button Group

Groups buttons, labels, and inputs together with merged borders and consistent action styling.

Installation

$npx maddex add ButtonGroup

Basic

Use ButtonGroupText to label a set of related actions without breaking the merged surface.

Preview

        
            
        
    

Split Action

Add ButtonGroupSeparator when a primary action needs a secondary trigger beside it.

Preview

        
            
        
    

Input

Compose labels, inputs, and actions inside the same group when they belong to a single task.

Preview

        
            
        
    

Orientation

Set orientation="vertical" when the group should stack related actions instead of laying them out inline.

Preview