Merge pull request #2109 from cfpb/ans_btn_tweaks

Add button link state examples
cfpb · Nov 13, 2024 · 1d2e07a · 1d2e07a
2 parents dded2b4 + 8d19de3
commit 1d2e07a
Show file tree

Hide file tree

Showing 20 changed files with 38 additions and 25 deletions.
diff --git a/docs/pages/buttons.md b/docs/pages/buttons.md
@@ -174,7 +174,19 @@ variation_groups:
         variation_name: Button link
         variation_code_snippet: >-
           <div class="m-btn-group">
-              <a class="a-btn">Submit</a>
+            <a class="a-btn a-btn--link" title="Default state" href="#">Default state</button>
+
+            <a class="a-btn a-btn--link hover" title="Hovered state" href="#">Hovered state</button>
+
+            <a class="a-btn a-btn--link focus" title="Focused state" href="#">Focused state</button>
+
+            <a class="a-btn a-btn--link active" title="Active state" href="#">Active state</button>
+          </div>
+
+          <br>
+
+          <div class="m-btn-group">
+              <a class="a-btn" href="#">Submit</a>
               <a class="a-btn a-btn--link a-btn--secondary" href="#">
                   See Privacy Act statement
               </a>

diff --git a/packages/cfpb-design-system/dist/components/cfpb-buttons/index.css b/packages/cfpb-design-system/dist/components/cfpb-buttons/index.css