<sky-status-indicator
  data-sky-id="status-indicator-error"
  descriptionType="error"
  indicatorType="danger"
>
  Danger status indicator
</sky-status-indicator>

<sky-status-indicator
  data-sky-id="status-indicator-important-info"
  descriptionType="important-info"
  indicatorType="info"
>
  Info status indicator
</sky-status-indicator>

<sky-status-indicator
  data-sky-id="status-indicator-completed"
  descriptionType="completed"
  indicatorType="success"
>
  Success status indicator
</sky-status-indicator>

<sky-status-indicator
  data-sky-id="status-indicator-warning"
  descriptionType="warning"
  indicatorType="warning"
>
  Warning status indicator
</sky-status-indicator>

<sky-status-indicator
  customDescription="Custom warning"
  data-sky-id="status-indicator-custom"
  descriptionType="custom"
  indicatorType="warning"
>
  Warning status indicator with custom screen reader description
</sky-status-indicator>

<sky-status-indicator
  data-sky-id="status-indicator-error-with-help"
  descriptionType="error"
  indicatorType="danger"
  helpPopoverContent="
    This contextual help can provide more information about
    the status as well as possible next steps."
>
  Danger status indicator with help
</sky-status-indicator>