Button

<rhx-button rhx-variant="neutral">Neutral</rhx-button>
<rhx-button rhx-variant="brand">Brand</rhx-button>
<rhx-button rhx-variant="success">Success</rhx-button>
<rhx-button rhx-variant="warning">Warning</rhx-button>
<rhx-button rhx-variant="danger">Danger</rhx-button>

<rhx-button rhx-variant="brand" rhx-appearance="filled">Filled</rhx-button>
<rhx-button rhx-variant="brand" rhx-appearance="outlined">Outlined</rhx-button>
<rhx-button rhx-variant="brand" rhx-appearance="plain">Plain</rhx-button>

<rhx-button rhx-variant="brand" rhx-size="small">Small</rhx-button>
<rhx-button rhx-variant="brand">Medium</rhx-button>
<rhx-button rhx-variant="brand" rhx-size="large">Large</rhx-button>

<rhx-button rhx-variant="brand" rhx-disabled="true">Disabled</rhx-button>
<rhx-button rhx-variant="brand" rhx-loading="true">Loading</rhx-button>

<rhx-button rhx-variant="brand">Default</rhx-button>
<rhx-button rhx-variant="brand" rhx-pill="true">Pill</rhx-button>
<rhx-button rhx-variant="brand" rhx-circle="true" aria-label="Add">+</rhx-button>

<rhx-button rhx-variant="brand" rhx-href="/about">Navigate</rhx-button>
<rhx-button rhx-variant="neutral" rhx-appearance="outlined"
            rhx-href="https://github.com" rhx-target="_blank">
    External Link
</rhx-button>

<rhx-button rhx-variant="brand"
            hx-get="/Docs/Components/Button?handler=Greeting"
            hx-target="#result" hx-swap="innerHTML">
    Load Greeting
</rhx-button>

<rhx-button rhx-variant="danger" rhx-appearance="outlined"
            hx-delete="/Docs/Components/Button?handler=DeleteItem&amp;id=42"
            hx-confirm="Are you sure?"
            hx-target="#result" hx-swap="innerHTML">
    Delete Item
</rhx-button>