The UIKit includes a library of components for building the layout and content. The components can be used on the Page content type, which includes the layout canvas field. To manage the components, click Manage > Site Studio > Components.
Components for page building
The component library is divided into logical categories, each including a selection of components. The component library is designed to be flexible so that you can create many different layouts to suit your content requirements.
| Component category | Components included |
|---|---|
| Feature sections | Add preformatted sections to your page.
|
| Layout components | Structure pages and contain content.
|
| Basic components | Add content to layouts.
|
| Dynamic components | Reference and display teasers for other pages.
|
| Card components | Display a formatted card within your layout.
|
| Slider components | Add sliders or carousels to your layout.
|
| Accordion components | Add accordions to your layout.
|
| Tab components | Add tabbed content to your layout.
|
| Read more components | Add expandable areas of content to your layouts.
|
| Map components | Add a Google map to your page. This requires a Google maps API key to work.
|
Additional components for templates
The component library also includes a number of components used by the Master templates. These components are not intended for use by content creators on pages. Also, they are not displayed within the component library when creating a page.
| Component category | Components included |
|---|---|
| Site header | A configurable header for the site. It is used by the Master templates. |
| Utilities bar - horizontal | A utilities navigation menu and social links within a horizontal bar. It is used by the Site header component. |
| Utilities bar - vertical | A utilities navigation menu and social links within a vertical format. It is used by the Site header component. |
| Social links | A list of social network links with icons. It is used for the Footer component and the Utilities bar components. |
| Site footer | A configurable footer for the site. It is used by the Master templates. |