Icon.Status

View Source

This wraps the Icon component and can render 3 different statuses.

render(
  <StackView axis="horizontal" spacing={3}>
    <Icon.Status variant="confirmed" size="xl" />
    <Icon.Status variant="unconfirmed" size="xl" />
    <Icon.Status variant="declined" size="xl" />
  </StackView>
)

render(
  <StackView axis="horizontal" spacing={3}>
    <Icon.Status variant="confirmed" size="xl" />
    <Icon.Status variant="unconfirmed" size="xl" />
    <Icon.Status variant="declined" size="xl" />
  </StackView>
)

Props

Accepts Icon props.

colorstring

Pass any valid color from colors. Defaults to variant color.

variant'confirmed' | 'unconfirmed' | 'declined'

The name of the status icon to render.

variantFilledboolean

Uses the filled version of the icon.

Props

PreviousIcon.Path NextColumnView