Panels
Panels are used to highlight important information and organize content on a page. They help draw attention to key messages, separate sections clearly, and make it easier for users to scan and navigate.
Templates
Creating Panels starts with choosing a template.
Panels are available in multiple template types, including standard, notification, custom icon an emoji, each designed for different content needs.
Templates are designed by Caelor’s design team to ensure a modern and consistent look across pages.
Admins and users with the special permissions can customize templates with their own colors and styles, then save them to the Module Library for others to reuse.
Configuration
Panels offer flexible settings to adjust appearance and behavior based on the use case.
Display elements
Elements such as icon, title and subtext can be enabled or disabled, providing flexibility to adapt panels to different use cases.
Available elements depend on the selected Panel template.
Styling options
Styling options include corner rounding and colors.
Colors follow a two-color system using background and text colors to ensure consistency across light and dark modes and alignment with the overall design system.
Available colors are managed through the Caelor Style guide to maintain consistency across all formatting modules.
Content
The right sidebar provides access to all available content settings and updates dynamically based on the selected template.
Content: Panel content can be edited directly in preview mode using inline editing or through the right sidebar.
Visuals: supported templates allow adding icons, emojis, and logos.
Detailed information about available pickers and their configuration options is provided in the dedicated picker documentation.
Need help or want to connect?