vivatura Design System

Button: Primary Filled 

<button class="button button--primary button--filled" type="button">
    <span class="text-center justify-center">
        Primary Filled Button
    </span>
</button>
 
<button class="button {{ variantClass }} {{ appearanceClass }}" 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 Filled Button
variantClass: button--primary
appearanceClass: button--filled

No notes defined.