IconStamp

The IconStamp component displays an icon with a background in different variant colors, such as "brand" or "warm". It adapts the appearance of the icon based on its current variants, ensuring that users receive clear visual feedback.

Source

Github

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

const Example = () => {
  return (
    <>
      <IconStamp name="icons" variant="brand" />
      <IconStamp name="icons" variant="warm" />
      <IconStamp name="icons" variant="green" />
      <IconStamp name="icons" variant="teal" />
      <IconStamp name="icons" variant="blue" />
      <IconStamp name="icons" variant="violet" />
      <IconStamp name="icons" variant="orange" />
      <IconStamp name="icons" variant="red" />
    </>
  )
}

export default Example

Examples

Variants

Use the variant prop to change the appearance of the tag.

Github

Sizes

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

Github

Icon Logo