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
{
"collapsedcontent": "Hello...",
"expandedcontent": "Hello<br>Is it me you're looking for? I can see it in your eyes",
"extraclasses": "rounded p-2 border",
"buttonextraclasses": "font-weight-bold"
}
{"collapsedcontent":"Hello...","expandedcontent":"Hello<br>Is it me you're looking for? I can see it in your eyes","extraclasses":"rounded p-2 border","buttonextraclasses":"font-weight-bold"}