Skip to content

Status card

Services that are up or down, with a dot each. group puts them in sections, and the wall layout is a grid of icons where only trouble gets words.

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

status · every state, medium size
Medium
status · every state, large size
Large
status · every state, in chat
In chat
status · every state, 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.

status · wall of families, medium size
Medium
status · wall of families, large size
Large
status · wall of families, in chat
In chat
status · wall of families, 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.

status, medium size
Medium
status, large size
Large
status, in chat
In chat
status, 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'status'
itemsStatusItem[]
layout?'wall'

wall: a grid of icons, only trouble gets words

FieldTypeWhat it does
namestring
okboolean
ms?number
detail?string
href?string
icon?string
group?string
quiet?boolean
state?ServiceState

quiet: being down is expected, never an alert · state: up, up but unwell, down, or off by choice; left out, it follows from ok and quiet

Beszel · Docker · Gatus · Host · Service status · Prowlarr / Bazarr · Uptime Kuma