Button DaisyUI

Clickable actions using DaisyUI's semantic btn class system.

Variants

go
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonPrimary}) { Primary }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonSecondary}) { Secondary }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonAccent}) { Accent }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonGhost}) { Ghost }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonOutline}) { Outline }

Status colours

go
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonSuccess}) { Success }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonWarning}) { Warning }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonError}) { Error }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonInfo}) { Info }

Sizes

go
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonPrimary, Size: daisyui.ButtonSizeXS}) { XS }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonPrimary, Size: daisyui.ButtonSizeSM}) { SM }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonPrimary}) { MD }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonPrimary, Size: daisyui.ButtonSizeLG}) { LG }
@daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonPrimary, Size: daisyui.ButtonSizeXL}) { XL }

Props

PropTypeDefaultDescription
Variant ButtonVariant""btn-primary, btn-secondary, btn-accent, btn-ghost, btn-link, btn-outline, btn-neutral, btn-error, btn-warning, btn-success, btn-info
Size ButtonSize""btn-xs, btn-sm, (default md), btn-lg, btn-xl
Disabled boolfalseDisables the button
Wide boolfalseAdds btn-wide for full-width style
Class string""Extra Tailwind or DaisyUI classes
Attrs templ.AttributesnilSpread any HTML attribute (hx-*, data-*, etc.)