vivatura Design System

Button: Secondary 

<button class="button button--secondary " type="button">
    <span class="text-center justify-center">
        Secondary 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: Secondary Button
variantClass: button--secondary

No notes defined.