<!-- Button Group -->
<div class="btn--group">
<button class="btn btn--group-left">Group - Left (Req)</button>
<button class="btn btn--group-center">Group - Center (Optional)</button>
<button class="btn btn--group-right">Group - Right (Req)</button>
</div>
<!-- Button Group (Disabled) -->
<div class="btn--group">
<button class="btn btn--group-left" disabled>Group - Disabled Left (Req)</button>
<button class="btn btn--group-center" disabled>Group - Disabled Center (Optional)</button>
<button class="btn btn--group-right" disabled>Group - Disabled Right (Req)</button>
</div>
<!-- Small Button Group -->
<div class="btn--group">
<button class="btn btn--sm btn--group-left">Small Group - Left (Req)</button>
<button class="btn btn--sm btn--group-center">Small Group - Center (Optional)</button>
<button class="btn btn--sm btn--group-right">Small Group - Right (Req)</button>
</div>
<!-- Button Group (Disabled) -->
<div class="btn--group">
<button class="btn btn--sm btn--group-left" disabled>Small Group - Disabled Left (Req)</button>
<button class="btn btn--sm btn--group-center" disabled>Small Group - Disabled Center (Optional)</button>
<button class="btn btn--sm btn--group-right" disabled>Small Group - Disabled Right (Req)</button>
</div>
<!-- Button Group -->
<div class="btn--group">
<button class="btn btn--group-left">Group - Left (Req)</button>
<button class="btn btn--group-center">Group - Center (Optional)</button>
<button class="btn btn--group-right">Group - Right (Req)</button>
</div>
<!-- Button Group (Disabled) -->
<div class="btn--group">
<button class="btn btn--group-left" disabled>Group - Disabled Left (Req)</button>
<button class="btn btn--group-center" disabled>Group - Disabled Center (Optional)</button>
<button class="btn btn--group-right" disabled>Group - Disabled Right (Req)</button>
</div>
<!-- Small Button Group -->
<div class="btn--group">
<button class="btn btn--sm btn--group-left">Small Group - Left (Req)</button>
<button class="btn btn--sm btn--group-center">Small Group - Center (Optional)</button>
<button class="btn btn--sm btn--group-right">Small Group - Right (Req)</button>
</div>
<!-- Button Group (Disabled) -->
<div class="btn--group">
<button class="btn btn--sm btn--group-left" disabled>Small Group - Disabled Left (Req)</button>
<button class="btn btn--sm btn--group-center" disabled>Small Group - Disabled Center (Optional)</button>
<button class="btn btn--sm btn--group-right" disabled>Small Group - Disabled Right (Req)</button>
</div>
/* No context defined. */
No notes defined.