Details

<Details id: str | None = None class: str | None = None open: bool = True>{{- content -}}

</Details>

Produce a <details> html node in order to create a collapsible box.

<Details>
  <Summary :id="my-summary">
    <H3 :class="H3_SUMMARY_CLASS">A title</H3>
  </Summary>
  <div>
    Some content
  </div>
</Details>

param id:

unique identifier of the element.

param class:

css class for the node, defaults to fastlife.templates.constants.Constants.DETAILS_CLASS.

param open:

open/close state.

param content:

child node.