Label

Import from @falcon/ui-kit/dist/legacy, not @falcon/ui-kit.

Label renders a compact inline status label with semantic color variants.

Code

<FlexWrapper gap={12}>
  <Label text="Green Label" variant="green" />
  <Label text="Yellow Label" variant="yellow" />
  <Label text="Neutral Label" variant="neutral" />
  <Label text="Red Label" variant="red" />
  <Label text="Purple Label" variant="purple" />
  <Label text="Blue Label" variant="blue" />
</FlexWrapper>

API

Label

Name	Type/Description
className	string | undefined
text	string
variant = "neutral"	"neutral" | "yellow" | "green" | "red" | "purple" | "blue" | undefined