Circle

Circle displays a circle that renders it's content in the center.

Import

import { Circle } from "@prismane/core";

<Circle size={60} bg="primary">
  <Fire />
</Circle>

<Circle
  as="a"
  href="https://www.google.com"
  target="_blank"
  size={60}
  bg="base"
>
  <Fire size={20} />
</Circle>

Please refer to the documentation below for a comprehensive overview of all the available props and classes for the mentioned components.