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

Overview Props

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

const Example = () => {
  return (
    <>
      <VariantIcon />
      <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.

Sizes

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

Logo Welcome loader