Accordion

    Overview

    When to use

    The accordion element could be used to structure a large amount of content for a clear view. The content has to be able to summarize and reflected by an expressive statement that enables the user to understand what the hidden content contains.

    When to consider an alternative

    If the content needs to have a more emotional character and should not be hidden.


    Component

    Default

    1024px
    375px768px1400px

    Examples

    1024px
    375px768px1400px

    Properties

    Accordion

    PropertyTypeRequiredDefault
    labelOpenStringfalseHide details
    labelClosedStringfalseShow details
    blockStringfalse-

    Accordion.Item

    PropertyTypeRequiredDefault
    titleStringfalse-
    childrenNodefalse-
    subTitleStringfalse-
    idStringtrue-