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",
})