Pleasance Styleguide

Button: Default 

<button class="my-2 btn btn-primary">Button</button>
 
{% if type == "link" %}
<a href="#" class="my-2 btn btn-{{ style }}">{{ title }}</a>
{% elseif type == "input" %}
<input type="submit" class="my-2 btn btn-{{ style }}" id="{{ id }}" name="{{ id }}" value="{{ title }}"{% if not enabled %} disabled{% endif %}>
{% else %}
<button class="my-2 btn btn-{{ style }}">{{ title }}</button>
{% endif %}
 
{
  "id": "button",
  "type": "button",
  "style": "primary",
  "title": "Button",
  "enabled": true
}
  • Content: 
    .btn {
  &-apply {
    @include button-variant(
      $secondary,
      $secondary,
      $primary,
      $white,
      $secondary,
      $secondary,
      $white,
      $secondary,
      $secondary
    )
  }
}
  • URL: /components/raw/button/button.scss
  • Filesystem Path: src/components/01-elements/forms/elements/button/button.scss
  • Size: 210 Bytes

No notes defined.