Details

Details is a styled component to enhance the native behaviors of the <details> element.

v0.21.0BetaNot reviewed for accessibility

Description

Use DetailsComponent to reveal content after clicking a button.

Arguments

NameDefaultDescription
overlay

:none

Symbol

Dictates the type of overlay to render with. One of :dark, :default, or :none.

reset

false

Boolean

Defaults to false. If set to true, it will remove the default caret and remove style from the summary element

disabled

false

Boolean

Whether or not to disable the summary button.

system_arguments

N/A

Hash

Examples

Slots

summary

body

Use the Body slot as the main content to be shown when triggered by the Summary.

NameDefaultDescription
tag

:div

Symbol

One of :details-dialog, :details-menu, :div, or :ul.

kwargs

N/A

Hash

The same arguments as System arguments.

Methods

disabled

Returns the value of attribute disabled.

disabled?

Returns the value of attribute disabled.