<ui-details>

Disclosure built on native <details>.

Display · stable · since 2.0.0 · extends _UIElement

Examples

<ui-details heading="More" subheading="Click to expand">Hidden content</ui-details>
<ui-details heading="A" group="g">One</ui-details><ui-details heading="B" group="g">Two</ui-details>

Playground

Generated HTML

Event log

    API

    Attributes and properties

    PropertyAttributeTypeDefaultDescription
    disableddisabledbooleanfalse
    busydata-ui-busybooleanfalse
    openopenbooleanfalseExpanded state (reflected).
    headingheadingstring""Summary heading.
    subheadingsubheadingstring""Secondary line.
    groupgroupstring""Exclusive group name.

    Methods

    None.

    Events

    Slots