Icon

The Icon component helps modify color and size easily.

import { Icon } from '@backyard-ui/core';

Use the appearance or color prop to change the visual appearance.

Use the size prop to increase the visual size.

• appearance
  Description The Icon appearance

  Type

  "success" | "critical" | "info" | "warning" | "primary" | "secondary" | "tertiary"
• color
  Description The Icon color

  Type

  "black" | "white" | "current"

  Default

  current
• size
  Description The Icon size

  Type

  "xs" | "sm" | "md" | "lg" | "xl"

  Default

  md
• label
  Description The acessible label

  Type

  string
• role
  Description The html role of the icon.

  Type

  "img" | "presentation"

  Default

  presentation