Button (button)

🔗 External documentation.

ID Label Description Schema
label Label
url URL
                        type: string

                      
            id: button
label: Button
homepage: 'https://design-system.w3.org/styles/links.html'
variants:
    default:
        id: default
        label: Default
    alt:
        id: alt
        label: Alternate
    ghost:
        id: ghost
        label: Ghost
slots:
    label:
        id: label
        label: Label
props:
    url:
        id: url
        label: URL
        schema:
            type: string
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': button
            label: 'Text link'
            url: '#1'

          

Default ( default )

<a class="button" href="#1"> Text link </a>

Alternate ( alt )

<a class="button--alt button" href="#1"> Text link </a>

Ghost ( ghost )

<a class="button--ghost button" href="#1"> Text link </a>