Button-group

A container component for groups of buttons.

button-group

<div class="button-group">
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
</div>

button-group_full

<div class="button-group button-group_full">
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
</div>

button-group_stack

<div class="button-group button-group_stack">
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
</div>

button-group_stack + button-group_full

<div class="button-group button-group_stack button-group_full">
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
</div>

Item Modifiers

button-group > button_equal

Item modifier to set flex-basis to 0.

<div class="button-group button-group_full">
  <button class="button button_color_primary button_equal">Button</button>
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
</div>

button-group > button_static

Item modifier to remove flex-grow.

<div class="button-group button-group_full">
  <button class="button button_color_primary button_static">Button</button>
  <button class="button button_color_primary">Button</button>
  <button class="button button_color_primary">Button</button>
</div>