<commit_before>---
layout: page
title: Button Groups
---
<div class="demo-container">
  
       <div style="border-radius: 25px; border: 2px solid seagreen;padding: 20px;">
         <strong>New in v3.6!</strong> The <a href="http://blazecss.com/components/buttons/">button groups</a> from Blaze 2 CSS!
     </div>
  
	<h2>Use</h2>
  <p class="newlabel">As with all <b>RiotGear2</b> tags you can use markdown in your button text!</p>
	<hr>

   <div class="o-grid o-grid--small-fit o-grid--medium-fit o-grid--large-fit">
     <div id="grp-demo-1" class="o-grid__cell">
       &nbsp;<rg-button-group></rg-button-group>&nbsp;
     </div>
     <div id="grp-demo-2" class="o-grid__cell">
       &nbsp;<rg-button-group></rg-button-group>&nbsp;
     </div>
     <div id="grp-demo-3" class="o-grid__cell">
       &nbsp;<rg-button-group></rg-button-group>&nbsp;
     </div>
 </div>

  <h3>Button Group Attributes</h3>
  These are global settings for all the buttons in the group. The only <b>exceptions</b> are <code>style</code>, <code>disabled</code> &amp; <code>active</code> which can be set individually in the <code>opts</code> settings.
  <hr>
  <p><b>style</b>: <rg-badge>&lt;empty&gt;</rg-badge> | <rg-badge style="info">info</rg-badge> | <rg-badge style="brand">brand</rg-badge> | <rg-badge style="warning">warning</rg-badge> | <rg-badge style="error">error</rg-badge> | <rg-badge style="success">success</rg-badge></p><commit_msg>Update button-groups.html<commit_after>---
layout: page
title: Button Groups
---
<div class="demo-container">
  
       <div style="border-radius: 25px; border: 2px solid seagreen;padding: 20px;">
         <strong>New in v3.6!</strong> The <a href="http://blazecss.com/components/buttons/">button groups</a> from Blaze 2 CSS!
     </div>
  
	<h2>Use</h2>
  <p class="newlabel">As with all <b>RiotGear2</b> tags you can use markdown in your button text!</p>
	<hr>
   <div class="o-container o-container--medium">
   <div class="o-grid o-grid--small-full o-grid--medium-full o-grid--large-full">
     <div id="grp-demo-1" class="o-grid__cell">
       &nbsp;<rg-button-group></rg-button-group>&nbsp;
     </div>
     <div id="grp-demo-2" class="o-grid__cell">
       &nbsp;<rg-button-group></rg-button-group>&nbsp;
     </div>
     <div id="grp-demo-3" class="o-grid__cell">
       &nbsp;<rg-button-group></rg-button-group>&nbsp;
     </div>
    </div>
 </div>

  <h3>Button Group Attributes</h3>
  These are global settings for all the buttons in the group. The only <b>exceptions</b> are <code>style</code>, <code>disabled</code> &amp; <code>active</code> which can be set individually in the <code>opts</code> settings.
  <hr>
  <p><b>style</b>: <rg-badge>&lt;empty&gt;</rg-badge> | <rg-badge style="info">info</rg-badge> | <rg-badge style="brand">brand</rg-badge> | <rg-badge style="warning">warning</rg-badge> | <rg-badge style="error">error</rg-badge> | <rg-badge style="success">success</rg-badge></p>
{'fraction_non_alphanumeric': 0.20367847411444143, 'fraction_numerical': 0.010899182561307902, 'mean_word_length': 3.744749596122779, 'pattern_counts': {'":': 0, '<': 119, '<?xml version=': 0, '>': 119, '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': '3686229', 'n_tokens_mistral': 1108, 'n_tokens_neox': 1086, 'n_words': 222}