Health

This section provides an overview of the Health component and usage guidelines.

The Health component is used to display the health status of a resource. It comes in various variants to indicate different types of health statuses, such as healthy, warning, and critical.

Here´s an example of how to use the Health component with different variants:

import { Health } from '@xata.io/components';

<div className="flex flex-row gap-2">
  <Health variant="default">Healthy</Health>
  <Health variant="destructive">Critical</Health>
  <Health variant="warning">Warning</Health>
  <Health variant="success">Stable</Health>
</div>;

Produces:

Healthy
Critical
Warning
Stable