Close button (close_button)

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

🔗 External documentation.

ID Label Description Schema
disabled Disabled? Is the button disabled?
                        type: boolean

                      
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: Button
homepage: 'https://getbootstrap.com/docs/5.3/components/close-button'
variants:
    default:
        id: default
        label: Default
    white:
        id: white
        label: 'White (deprecated)'
props:
    disabled:
        id: disabled
        label: 'Disabled?'
        description: 'Is the button disabled?'
        schema:
            type: boolean
    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
            aria_label: Close

          

Default ( default )

<button aria-label="Close" class="btn-close" type="button"> </button>

White (deprecated) ( white )

<button aria-label="Close" class="btn-close-white btn-close" type="button"> </button>