Circle

A layout component that renders a circular container with centered content.

React

Usage

import { Circle } from '@zalify-ui/react'

<Circle size="12" bg="gray.subtle.bg">
  A
</Circle>

Prop	Default	Type
`size`		`ConditionalValue<CSSProperties['width']>` The size of the circle.

Center

Container

On this page