Button-group

A component for displaying groups of buttons.

button-group

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

button-group_full

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

button-group_stack

<div class="button-group button-group_stack">
  <button class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</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 class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</button>
</div>

button-group_wrap

<div class="button-group button-group_wrap">
  <button class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</button>
</div>

button-group_wrap + button-group_full

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

button-group_join

<div class="button-group button-group_join">
  <button class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</button>
  <button class="button button_color_primary">...</button>
</div>

button-group_join + button-group_stack

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

button-group_gap_[key]

<div class="button-group button-group_gap_xs">...</div>
<div class="button-group button-group_gap_sm">...</div>
<div class="button-group button-group_gap_md">...</div>
<div class="button-group button-group_gap_lg">...</div>
<div class="button-group button-group_gap_xl">...</div>