Skip to content

Showcase card

A hero visual with its numbers beside it: a device, a room, a camera. Valet’s 3D house and PC are this card, and a plugin can draw its own.

1 sample, each at every size that draws differently, then in chat, in the light theme, and as a ring where it has a headline.

showcase · image, medium size
Medium
showcase · image, large size
Large
showcase · image, in chat
In chat
showcase · image, light theme
Light theme

Small draws the same as medium. Wide draws the same as medium. Tall draws the same as medium, so they aren't shown. Only the empty space changes.

Every card also takes the fields all cards share.

FieldTypeWhat it does
type'showcase'
visual{ kind: string; src?: string; data?: unknown }
itemsStatItem[]
caption?stringa quiet line under the numbers, e.g. “Lights · white at 100%”
FieldTypeWhat it does
labelstring
valuestring | number
unit?string
sub?stringsecondary line, e.g. “of 123 GB”
tone?Tone
pct?number0..1 → a slim meter under the value
trend?number[]recent values → sparkline

Home Assistant · PC lighting