Reactive Graph - Design System

Button: Default 

<div style="padding: var(--size-4);">
    <h1 class="mexican-pink">
        Button
    </h1>
    <hr>
    <button class="rg-button" type="button">

        Button Text

    </button>
</div>
 
<div style="padding: var(--size-4);">
  <h1 class="mexican-pink">
    Button
  </h1>
  <hr>
  <button
      class="rg-button{{#if class}} {{class}}{{/if}}"
      type="{{#if type}}{{type}}{{else}}button{{/if}}"
      {{#if disabled}}disabled{{/if}}
  >
    {{#if iconStart}}<i class="{{iconStart}}"></i>{{/if}}
    {{ label }}
    {{#if iconEnd}}<i class="{{iconEnd}}"></i>{{/if}}
  </button>
</div>
 
{
  "class": "",
  "type": "button",
  "disabled": false,
  "iconStart": null,
  "iconEnd": null,
  "label": "Button Text"
}

No notes defined.