<!-- 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. */
  • Handle: @button--group
  • Preview:
  • Filesystem Path: src/components/03-components/04-button/04-button--group.hbs

No notes defined.