Card DaisyUI

Content containers using DaisyUI's composable card classes.

Default

Kraft your UI

Components designed for the GOTH stack.

go
@daisyui.Card(daisyui.CardProps{Bordered: true}) {
    @daisyui.CardBody() {
        @daisyui.CardTitle() { Kraft your UI }
        <p>Components designed for the GOTH stack.</p>
        @daisyui.CardActions() {
            @daisyui.Button(daisyui.ButtonProps{Variant: daisyui.ButtonPrimary}) { Learn more }
        }
    }
}

Compact

Compact card

Less padding, same structure.

go
@daisyui.Card(daisyui.CardProps{Compact: true, Bordered: true}) {
    @daisyui.CardBody() {
        @daisyui.CardTitle() { Compact card }
        <p>Less padding, same structure.</p>
    }
}

Props

PropTypeDefaultDescription
Bordered boolfalseAdds a visible border
Compact boolfalseReduces padding with card-compact
Class string""Extra classes on the card root
Attrs templ.AttributesnilSpread any HTML attribute