Close button (close_button)

A generic close button for dismissing content like modals and alerts.

ID Label Description Schema
aria_label Aria label Name of the close button for assistive technology.
                        type: string

                      
            id: close_button
label: 'Close button'
description: 'A generic close button for dismissing content like modals and alerts.'
group: Buttons
props:
    aria_label:
        id: aria_label
        label: 'Aria label'
        description: 'Name of the close button for assistive technology.'
        schema:
            type: string
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': close_button

          
<button aria-label="Close" class="usa-button" type="button"> <svg aria-hidden="true" class="usa-icon" focusable="false" role="img"> <use xlink:href="&#x2f;assets&#x2f;images&#x2f;sprite.svg#close"></use> </svg> </button>