mljr-ui · showcase

Card

Bordered, shadow-dropped container. Tone controls fill.

primitive card
Controls
tone
interactive
Current props
tone: ""
interactive:

Usage

primitive.Card(primitive.CardProps{
    Tone: token.ToneCyan,
},
    primitive.Heading(primitive.HeadingProps{Level: 3}, g.Text("Title")),
    h.P(g.Text("Body content")),
)

All combinations (11)

Enum controls only · bool and text use defaults

default

Card title

Tonal surface, hard border, brutalist shadow.

yellow

Card title

Tonal surface, hard border, brutalist shadow.

cyan

Card title

Tonal surface, hard border, brutalist shadow.

violet

Card title

Tonal surface, hard border, brutalist shadow.

pink

Card title

Tonal surface, hard border, brutalist shadow.

lime

Card title

Tonal surface, hard border, brutalist shadow.

mint

Card title

Tonal surface, hard border, brutalist shadow.

sky

Card title

Tonal surface, hard border, brutalist shadow.

blush

Card title

Tonal surface, hard border, brutalist shadow.

accent

Card title

Tonal surface, hard border, brutalist shadow.

accent-2

Card title

Tonal surface, hard border, brutalist shadow.

Props

NameTypeOptionsDefault
toneenum, yellow, cyan, violet, pink, lime, mint, sky, blush, accent, accent-2
interactiveboolfalse