Note: The planet UI design system is an extension of the bootstrap framework. Please also referer to the bootstrap documentation for best pratices while using the framework.

Button Group

Button group

<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-outline-primary">Left</button>
  <button type="button" class="btn btn-outline-primary">Middle</button>
  <button type="button" class="btn btn-outline-primary">Right</button>
</div>

Button group with icons

<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-outline-primary"><i class="fa planet-ds-icon-checkmark"></i> Left</button>
  <button type="button" class="btn btn-outline-primary"><i class="fa planet-ds-icon-checkmark"></i> Middle</button>
  <button type="button" class="btn btn-outline-primary"><i class="fa planet-ds-icon-checkmark"></i> Right</button>
</div>