The information on this page relates to beta testing within the DXP
This documentation includes information for selected beta testers within the DXP. DO NOT use this unless you have been instructed to do so.
Details
Use the details component to display a small panel with a title and collapsible details section.
Add the component to your page
When you are editing your page using page-builder:
-
Add a component to your page by clicking the widgets Add component button or by adding a content block (by clicking the add_circle button) then clicking the add component button.
-
Locate the details Squiz core component within the component browser and then click the Select button.
-
This will add the details component to your page.
-
A heading which is displayed for the collapsible section.
-
Content to display when the panel is expanded.
-
The heading level applied to the title.
-
Controls if the panel should load in an expanded (open) or collapsed state.
Basic example
The image below shows a basic example showing three details components in a page.
The first component is displayed in the open/expanded state.
|
|
You can apply your own CSS styling.
|
