BaseExpandBox

Component to render content in expandable container

Props

Prop name	Description	Type	Values	Default
expand	expand box from outside	boolean	-	false
padding	define padding of the box	string	large, small	'small'
showMoreText	button text to show more content	string	-	'Show more'
showLessText	button text to show less content	string	-	'Show less'
autoHeight		boolean	-	false
maxCollapsedHeight	define the max height of the collapsed box in px	number	-	300
showButtonHeight	define the height including margin of the show-more button in px	number	-	54

Events

Event name	Properties	Description
box-height	undefined number - the element offset height	emitting box-height on resize
update:expand	undefined boolean - is box expanded	event emitted on button click

Slots

Name	Description	Bindings
default	add expand box content here
footer	slot to add additional information after expandable content

---

Demo

Example of BaseExpandBox to display expandable text, unordered list, datalist elements