Design System

# Buttons

Primary, secondary, ghost, and destructive actions built from shared templ primitives.

## Default solid action

Used for the main action in a page section or modal footer.

    @ui.Button(ui.ButtonProps{
    	Label:   "Nouveau projet",
    	Variant: ui.ButtonVariantDefault,
    	Size:    ui.SizeMD,
    	Type:    "button",
    })

## Soft warning action

Used for inline actions that need emphasis without the weight of a solid button.

    @ui.Button(ui.ButtonProps{
    	Label:   "Relancer",
    	Variant: ui.ButtonVariantWarning,
    	Tone:    ui.ButtonToneSoft,
    	Size:    ui.SizeMD,
    	Type:    "button",
    })

## Soft danger action

Used for irreversible actions after explicit confirmation.

    @ui.Button(ui.ButtonProps{
    	Label:   "Supprimer",
    	Variant: ui.ButtonVariantDanger,
    	Tone:    ui.ButtonToneSoft,
    	Size:    ui.SizeLG,
    	Type:    "submit",
    })