Spinner (spinner)

Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.

🔗 External documentation.

                        type: boolean

                      

                        type: string

                      

            id: spinner
label: Spinner
description: 'Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.'
homepage: 'https://getbootstrap.com/docs/5.3/components/spinners'
variants:
    border__border_sm:
        id: border__border_sm
        label: 'Border small'
    border:
        id: border
        label: Border
    grow__grow_sm:
        id: grow__grow_sm
        label: 'Growing small'
    grow:
        id: grow
        label: Growing
props:
    aria_hidden:
        id: aria_hidden
        label: 'Aria hidden'
        description: 'Hide the spinner for assistive technology. When a label is also present outside of the spinner.'
        schema:
            type: boolean
    visually_hidden_label:
        id: visually_hidden_label
        label: 'Visually hidden label'
        description: 'A visually hidden label if the spinner is used as standalone.'
        schema:
            type: string
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': spinner
            visually_hidden_label: Loading...