Skip to content

BaseHoverBox

A box for information display after mouse hover or click

Props

Prop nameDescriptionTypeValuesDefault
titleThe title of the item in question, also used as img alt text
(atm - TODO: should there be a separate alt text (then again - what would that be since
file uploads dont have any properties)?)
string-'No title'
subtextText displayed directly below title (max one line; max 2 lines with title)string-''
showTitleshould the title be displayed or box only display the imageboolean-true
boxTextSpecify text that should be displayed in the info box, should be an array of stringsarray-[]
imageUrlimage urlstring-null
descriptiondescriptive element displayed at bottom of box (e.g. item type like "Bilderserie")string-null
selectabledetermines if the box should be selectable and the checkbox is displayedboolean-false
boxSizespecify the size of the boxobject-{
width: '212px',
height: '212px'
}

Demo