CircleBadge

CircleBadge visually connects logos of third-party services, eg. in the marketplace.

React

readyNot reviewed for a11y

React examples

<CircleBadge>
  <CircleBadge.Icon icon={RocketIcon} aria-label="Launch badge" />
</CircleBadge>

<CircleBadge>
  <CircleBadge.Icon icon={RocketIcon} aria-label="Launch badge" />
</CircleBadge>

Name	Required	Description
variant		`'small' \| 'medium' \| 'large'` Creates a smaller or larger badge. Has no effect if the `size` prop is set
size		`number` Sets the size of the badge in pixels. Overrides the `variant` prop when set
inline		`boolean` Styles the badge to `display: inline`
ref		`React.RefObject<HTMLDivElement>`
as		`React.ElementType`
sx		`SystemStyleObject`

Name	Required	Description
as		`React.ElementType`