filename: /packages/molecules/CircleBadge/CircleBadge.tsx

CircleBadge API

The API documentation of the CircleBadge Graffft Waggle component.

Import

import { CircleBadge } from '@graffft-waggle/circle-badge';

Icon

Required Props

| Name | Type | Description | | :------- | :------------------------------ | :------------------------------------------ | | children | JSX.Element | string | number | Content that can go inside the circle badge |

Optional Props

| Name | Type | Default | Description | | :---------- | :----------- | :--------- | :-------------------------------- | | size | string | 86px | width/height of circle badge | | bgColor | string | '#fff' | background color of circle badge. | | handleClick | () => void | () => {} | onClick callback. | | customScss | string | '' | custom scss for wrapper element |

Demos

• TODO