Button

Displays a button or a component that looks like a button.

Installation

$npx maddex add Button

Variants

Use the built-in variants to match primary, secondary, outline, ghost, destructive, and link actions.

Preview

        
            
        
    

Sizes

Use size for compact actions, larger call-to-action buttons, and icon-only controls.

Preview

        
            
        
    

As Child

Use as-child to render links as buttons when navigation should keep the same button styling.

Preview