vivatura Design System

Button: Primary 

<button class="button button--primary" type="button">
    <span class="text-center justify-center">
        Primary Button
    </span>
</button>
 
<button class="button {{ variantClass }}" type="button">
    {{#if iconKey}}
        {{#if (isPosition iconPosition 'before')}}
            {{#> button-icon }}
                {{> @icon key=iconKey }}
            {{/button-icon }}
        {{/if}}
    {{/if}}
    <span class="text-center justify-center">
        {{ label }}
    </span>
    {{#if iconKey}}
        {{#unless (isPosition iconPosition 'before')}}
            {{#> button-icon }}
                {{> @icon key=iconKey }}
            {{/button-icon }}
        {{/unless}}
    {{/if}}
</button>
 
label: Primary Button
variantClass: button--primary

No notes defined.