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