Status Badge

Status badge displays the status of syncs.

#Example

#Guidelines

#When to use

• Use this badge only for sync statuses. Use a status indicator for everything else.

#Props

Inherits margin props.

Name	Default	Description
children	—	ReactNode Badge text.
progress	—	number Show progress instead of the badge background. Must be between 0 and 100.
variant	—	"success" | "error" | "processing" | "warning" | "inactive" | "draft" Badge variant.