Details

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

v0.35.1BetaNot reviewed for accessibility

Description

Use DetailsComponent to reveal content after clicking a button.

Arguments

NameTypeDefaultDescription
overlay
Symbol

:none

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

reset
Boolean

false

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

disabled
Boolean

false

Whether or not to disable the summary button.

system_arguments
Hash

N/A

Examples

Slots

summary

body

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

NameTypeDefaultDescription
tag
Symbol

:div

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

kwargs
Hash

N/A

The same arguments as System arguments.

Methods

disabled

Returns the value of attribute disabled.

disabled?

Returns the value of attribute disabled.