Details
Syntax
{{< detailsbackground-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"border-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"border-radius
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."border-width
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"close-image
="Any valid image link"heading
="Any text"heading-text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"image-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"is-full-width
="true|false"is-open
="true|false"margin
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."open-image
="Any valid image link"padding
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}
The actual message goes here
{{< /details >}}
Samples

ext ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type sve centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with

left border style

left border stylepx

left border style

left border style

left border style

Top border Style

Top border Style

Bottom border Style

Normal Style

Normal Style

Normal Style