<commit_before><h2>sl-button</h2>
<p class="lead">An active &lt;button&gt; component. Based on <a href="http://getbootstrap.com/css/#buttons">Bootstrap - Buttons</a>.</p>

<hr>

<h3>Examples</h3>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="default"}}Default Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="default"}}Default Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="primary"}}Primary Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="primary"}}Primary Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="info"}}Info Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="info"}}Info Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="success"}}Success Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="success"}}Success Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="warning"}}Warning Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="warning"}}Warning Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="danger"}}Danger Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="danger"}}Danger Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button disabled=true}}Disabled Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button disabled=true}}Disabled Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="hover"}}Hover Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="hover"}}Hover Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="link"}}Link Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="link"}}Link Button{{/sl-button}}</div>
    </div>
</div>

<hr>

<h3>Mixins used</h3>

<div class="list-group">
    <div class="list-group-item">
        <p>sl-tooltip-enabled</p>
    </div>
</div>

<hr>

<h3>Properties</h3>

<div class="list-group">
    {{#property-text name="action" type="function"}}
        An action to fire when the button is clicked.
    {{/property-text}}

    {{#property-text name="class" type="string"}}
        <code>class</code> attribute for the button.
    {{/property-text}}

    {{#property-text name="disabled" type="boolean" default="false"}}
        Whether the button is disabled.
    {{/property-text}}

    {{#property-text name="label" type="string"}}
        Text label on the button.
    {{/property-text}}

    {{#property-text name="pending" type="boolean" default="false"}}
        When true, the button is placed in a pending state, with the <code>pendingLabel</code> value becoming the primary button label text.
    {{/property-text}}
<commit_msg>Added openModal property to sl-button<commit_after><h2>sl-button</h2>
<p class="lead">An active &lt;button&gt; component. Based on <a href="http://getbootstrap.com/css/#buttons">Bootstrap - Buttons</a>.</p>

<hr>

<h3>Examples</h3>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="default"}}Default Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="default"}}Default Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="primary"}}Primary Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="primary"}}Primary Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="info"}}Info Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="info"}}Info Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="success"}}Success Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="success"}}Success Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="warning"}}Warning Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="warning"}}Warning Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="danger"}}Danger Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="danger"}}Danger Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button disabled=true}}Disabled Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button disabled=true}}Disabled Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="hover"}}Hover Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="hover"}}Hover Button{{/sl-button}}</div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <h6>Template</h6>
        <pre>\{{#sl-button theme="link"}}Link Button\{{/sl-button}}</pre>
    </div>

    <div class="col-lg-6">
        <h6>Rendered Component</h6>
        <div>{{#sl-button theme="link"}}Link Button{{/sl-button}}</div>
    </div>
</div>

<hr>

<h3>Mixins used</h3>

<div class="list-group">
    <div class="list-group-item">
        <p>sl-tooltip-enabled</p>
    </div>
</div>

<hr>

<h3>Properties</h3>

<div class="list-group">
    {{#property-text name="action" type="function"}}
        An action to fire when the button is clicked.
    {{/property-text}}

    {{#property-text name="class" type="string"}}
        <code>class</code> attribute for the button.
    {{/property-text}}

    {{#property-text name="disabled" type="boolean" default="false"}}
        Whether the button is disabled.
    {{/property-text}}

    {{#property-text name="label" type="string"}}
        Text label on the button.
    {{/property-text}}

    {{#property-text name="openModal" type="string"}}
        Used to trigger opening of a modal by passing in the name of the modal.
    {{/property-text}}

    {{#property-text name="pending" type="boolean" default="false"}}
        When true, the button is placed in a pending state, with the <code>pendingLabel</code> value becoming the primary button label text.
    {{/property-text}}

{'fraction_non_alphanumeric': 0.22740595994137763, 'fraction_numerical': 0.015144113336590131, 'mean_word_length': 2.8847248576850095, 'pattern_counts': {'":': 0, '<': 307, '<?xml version=': 0, '>': 307, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5208193', 'n_tokens_mistral': 3046, 'n_tokens_neox': 2956, 'n_words': 533}