Front W - Pattern Library

Details: Open 

<details class="details" open>
    <summary class="details__summary">Hier ist eine Überschrift</summary>

    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero tempora dicta veniam, deleniti a sequi nemo. Corrupti ab pariatur voluptate quis voluptatum accusantium amet, quo maiores alias vel animi quasi. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero tempora dicta veniam, deleniti a sequi nemo. Corrupti ab pariatur voluptate quis voluptatum accusantium amet, quo maiores alias vel animi quasi.</p>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero tempora dicta veniam, deleniti a sequi nemo. Corrupti ab pariatur voluptate quis voluptatum accusantium amet, quo maiores alias vel animi quasi.</p>

</details>
 
<details class="details" {%- if is_open %} open{% endif %}>
  <summary class="details__summary">{{ summary }}</summary>
  {{ content }}
</details>
 
{
  "is_open": true,
  "summary": "Hier ist eine Überschrift",
  "content": "\n      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero tempora dicta veniam, deleniti a sequi nemo. Corrupti ab pariatur voluptate quis voluptatum accusantium amet, quo maiores alias vel animi quasi. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero tempora dicta veniam, deleniti a sequi nemo. Corrupti ab pariatur voluptate quis voluptatum accusantium amet, quo maiores alias vel animi quasi.</p><p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero tempora dicta veniam, deleniti a sequi nemo. Corrupti ab pariatur voluptate quis voluptatum accusantium amet, quo maiores alias vel animi quasi.</p>\n    "
}