Button

{% component "Button" variant="primary" %}Primary{% endcomponent %}

{% component "Button" variant="secondary" %}Secondary{% endcomponent %}

{% component "Button" variant="success" %}Success{% endcomponent %}

{% component "Button" variant="danger" %}Danger{% endcomponent %}

{% component "Button" variant="warning" %}Warning{% endcomponent %}

{% component "Button" variant="info" %}Info{% endcomponent %}

{% component "Button" variant="light" %}Light{% endcomponent %}

{% component "Button" variant="dark" %}Dark{% endcomponent %}

{% component "Button" variant="link" %}Link{% endcomponent %}

{% component "Button" variant="primary" outline=True %}Primary{% endcomponent %}

{% component "Button" variant="secondary" outline=True %}Secondary{% endcomponent %}

{% component "Button" variant="primary" size="lg" %}Large button{% endcomponent %}

{% component "Button" variant="primary" size="sm" %}Small button{% endcomponent %}

{% component "Button" variant="primary" disabled=True %}Disabled button{% endcomponent %}

{% component "Button" variant="primary" as_="a" href="#" %}Link{% endcomponent %}

{% component "Button" variant="primary" as_="a" href="#" disabled=True %}Disabled link{% endcomponent %}

{% component "Button" variant="primary" active=True %}Active button{% endcomponent %}