VariantIcon

The VariantIcon component displays an icon in different variant colors, such as danger or success. It adapts the appearance of the icon based on its current variants, ensuring that users receive clear visual feedback.

Source

Github

import { VariantIcon } from 'welcome-ui/VariantIcon'

const Example = () => {
  return (
    <>
      <VariantIcon variant="ai" />
      <VariantIcon variant="danger" />
      <VariantIcon variant="info" />
      <VariantIcon variant="success" />
      <VariantIcon variant="warning" />
    </>
  )
}

export default Example

Examples

Variants

Use ai, warning, danger, info or success properties.

Github

Sizes

Use size property with xs, sm, md (default), lg, xl or xxl.

Github

Logo Welcome loader