BaseBox

Base Component for everything Box shaped

Props

Prop name	Description	Type	Values	Default
renderElementAs	specify the tag type of the box	string	-	'div'
boxSize	define the size of the box should be an object with width and / or height	object	-	{ width: '200px' }
boxRatio	define the ratio of width and height of the box (in percent string, e.g. 1:1 --> '100', 1:2 --> '50')	string	-	'100'
boxHover	enable or disable hover	boolean	-	true
boxShadowSize	set boxShadow size	string	large, small, none	'small'
disabled	set disabled attribute (e.g. for button elements)	boolean	-	false
additionalAttributes		object	-	{}

Events

Event name	Properties	Description
clicked	undefined MouseEvent - the native mouse event	event emitted upon box click

Slots

Name	Description	Bindings
default	slot for box contents

---

Demo