Expand

  • Usage

    This component contains a button that will expand the DOM element it controls when active, or minimize it when inactive. Each state can have its own text, style, and asset (if any) according to its active / inactive state.

    The DOM element under control is reflected in the value of the attribute aria-controls.

    The state of the element under control is reflected in the value of the attribute aria-expanded.

    This component can be used to submit a form, either via the default action set on the parent form element, or via a specific formaction provided as props to the Button component.

    Related Components

    • Button component in blocks
    • Reveal component in layouts

    Resources

    About

    Website and illustrations by Patricia Boh.