Status Badge

Used to show the health status of an entity (Deployment Targets and Workers).

Stable
Show details
Stable
Published: October 28, 2025
Updated: October 28, 2025

Anatomy

Anatomy summary lists and describes all the elements within a component (including nested components).

statusBadge-anatomy

Element

Description

Optional?

1. Status Icon

Predefined icon correlating to the health status of a machine.

No

2. Status Label

Predefined text describing health status of a machine:

- Healthy: completes a health check without any errors or warnings.

- Healthy with warnings: completes a health check but encounters a non-critical failure during the health check.

- Unavailable: is not contactable by Octopus during a health check.

- Unhealthy: completes a health check but encounters a critical failure while running the health check script.

- Unknown: health checks are turned off, so health check status cannot be determined.

Yes


Variants

Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.

StatusBadge
Property Values Default
size Variant medium | small medium
status Variant healthy | healthy with warnings | unhealthy | unavailable | unknown | disabled healthy
hasLabel Variant true | false true
StatusBadge
StatusBadge
size medium status healthy hasLabel true
StatusBadge
StatusBadge
size medium status disabled hasLabel false
StatusBadge
StatusBadge
size medium status disabled hasLabel true
StatusBadge
StatusBadge
size small status disabled hasLabel false
StatusBadge
StatusBadge
size medium status healthy with warnings hasLabel false
StatusBadge
StatusBadge
size medium status healthy with warnings hasLabel true
StatusBadge
StatusBadge
size small status healthy with warnings hasLabel false
StatusBadge
StatusBadge
size medium status healthy hasLabel false
StatusBadge
StatusBadge
size small status healthy hasLabel false
StatusBadge
StatusBadge
size medium status unavailable hasLabel false
StatusBadge
StatusBadge
size medium status unavailable hasLabel true
StatusBadge
StatusBadge
size small status unavailable hasLabel false
StatusBadge
StatusBadge
size medium status unhealthy hasLabel false
StatusBadge
StatusBadge
size medium status unhealthy hasLabel true
StatusBadge
StatusBadge
size small status unhealthy hasLabel false
StatusBadge
StatusBadge
size medium status unknown hasLabel false
StatusBadge
StatusBadge
size medium status unknown hasLabel true
StatusBadge
StatusBadge
size small status unknown hasLabel false

Component dependencies

This component is internally dependent on the following components:



Help and support