Design System

Icon Buttons

Compact icon-only actions for destructive and neutral controls.

Borderless destructive action

Used for delete controls inside project cards and list rows.

@ui.IconButton(ui.IconButtonProps{
	Label:   "Supprimer le projet",
	Icon:    "trash",
	Variant: ui.IconButtonVariantDanger,
	Tone:    ui.IconButtonToneGhost,
	Type:    "button",
})

Borderless neutral action

Used for lightweight edit or details actions inside cards and list rows.

@ui.IconButton(ui.IconButtonProps{
	Label:   "Modifier le projet",
	Icon:    "pencil",
	Variant: ui.IconButtonVariantNeutral,
	Tone:    ui.IconButtonToneGhost,
	Type:    "button",
})