Elemental.DataDisplay.Collapse (elemental v0.3.0)

A basic component to show or hide content. This is the underlying component used to build the Elemental.DataDisplay.Accordion component.

Usage

<.collapse>
  <:title>How do I create an account?</:title>
  Click the "Sign Up" button in the top right corner and follow the registration process.
</.collapse>

Summary

Functions

The primary collapse component.

Functions

collapse(assigns)

The primary collapse component.

Attributes

  • class (:any) - Additional classes to pass the collapse component. Defaults to nil.

  • indicator (:string) - Specify which indicator to use to showcase the collapse is shown/hidden. Defaults to "none".

  • group (:string) - If given bounds the collapse to a hidden radio button with the name (i.e. grouped by) this value. This is useful if you wanna bind multiple collapses where only one is shown, e.g. Elemental.DataDisplay.Accordion.accordion/1.

    Defaults to nil.

  • click-to-close (:boolean) - Enables closing the collapse by click instead of losing focus.

    Internally adds a hidden checkbox bound to the collapse's state.

    Ignored if group attribute is passed.

    Defaults to false.

Slots

  • title (required) - The title of the collapse section.
  • inner_block (required) - The content to show or hide in the collapse.