Skip to main content

Circle

Description

Circle is a container type component that has a built-in circle the background for special visual affects. It is useful for highlight information, such as the error message on the 404 page.

Authoring

The Circle component is a container that wraps a limited set of components inside a circle that adjusts size dynamically based on the amount/height of content within. You can add the following components inside the Circle component:

  • Button
  • Text CTA
  • Title
  • Text
  • Image
  • Spacer
  • Separator

The color of the circle is based on the site theme color.

Examples

1 Big Circle

Text or components inside the Circle
component need to be formatted
to fit inside the circle by
using line breaks or
the layout editor.

3 Circles

One

Two

Three