Square

Square displays a square container.

Import

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

<Square size={120} bg="primary" />

Square component can be used to frame different items and automatically center them.

<Square size={64} bg="primary">
  <Heart size={24} />
</Square>

<Square
  as="a"
  href="https://www.google.com"
  target="_blank"
  size={120}
  bg="base"
/>

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