packages/usa-button-group/src/test/test-patterns/usa-button-group--test-text-wrapping.twig from 18F/web-design-standards

packages/usa-button-group/src/test/test-patterns/usa-button-group--test-text-wrapping.twig

Summary

Maintainability

Test Coverage

Issues
Source
Stats

Issues

<h3>Default</h3>
<ul class="usa-button-group">
  <li class="usa-button-group__item">
    <a href="#" class="usa-button usa-button--outline">Back</a>
  </li>
  <li class="usa-button-group__item">
    <button type="button" class="usa-button">Continue with an even longer button that breaks into three lines above mobile-lg</button>
  </li>
</ul>
<h3>Segmented</h3>
<ul class="usa-button-group usa-button-group--segmented">
  <li class="usa-button-group__item">
    <button type="button" class="usa-button">Button</button>
  </li>
  <li class="usa-button-group__item">
    <button type="button" class="usa-button usa-button--outline">Button Extra</button>
  </li>
  <li class="usa-button-group__item">
    <button type="button" class="usa-button usa-button--outline">An even longer button that breaks into three lines above mobile-lg</button>
  </li>
</ul>