Bolt Design System

Panel Short Reveal

Instead of filling the whole Panel, the height of revealed content can be dictated by the height of the content itself.

Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Lorem ipsum dolor sit
consectetur adipiscing

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Twig

{% include '@bolt-components-panel/panel.twig' with {
    signifier: signifier,
    title: title,
    content_header: content_header,
    content_main: content,
    content_footer: content_footer,
    short_reveal: true,
  } only %}

HTML