BaseBox

Props

Prop name	Description	Type	Values	Default
renderElementAs	specify the tag type of the box note: rendering a link element this needs to be a valid vue link component string (e.g. 'RouterLink') or a component directly and vue-router is necessary caveat: if you are using Nuxt the string 'NuxtLink' is not enough, but you need to import the component as import { NuxtLink } from '#components'; and pass the component to the prop!	string|object	-	'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	specify any additional attributes the native box element should have style and class attributes can not be overwritten though	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