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
The primary collapse component.
Attributes
class
(:any
) - Additional classes to pass the collapse component. Defaults tonil
.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.