Show more

How to use

The show more component is used to show and hide content. It is useful for showing a preview of content and then allowing the user to expand it to see more.

The parameters for the template context are:

• collapsedcontent: The content to show when collapsed.
• expandedcontent: The content to show when expanded.
• extraclasses: Any extra classes added to the showmore outer container.
• buttonextraclasses: Any extra classes added to the button.
• collapsedextraclasses: Any extra classes added to the collapsed content container.
• expandedextraclasses: Any extra classes added to the expanded content container.

Example

{{< mustache template="core/showmore" >}} { "collapsedcontent": "Hello...", "expandedcontent": "Hello Is it me you're looking for? I can see it in your eyes", "extraclasses": "rounded p-2 border", "buttonextraclasses": "fw-bold" } {{< /mustache >}}

Example used as a template block

{{< mustache template="tool_componentlibrary/examples/showmore/example" >}} { } {{< /mustache >}}