USWDS example

thescientist13 · Dec 2, 2024 · bb9f27d · bb9f27d
1 parent 8de4ab9
commit bb9f27d
Showing 4 changed files with 265 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
     "start": "pnpm run serve"
   },
   "dependencies": {
+    "@uswds/web-components": "^0.0.1-alpha",
     "lit": "^3.2.1"
   },
   "devDependencies": {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/layouts/app.html b/src/layouts/app.html
@@ -10,6 +10,7 @@
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
     <link rel="stylesheet" href="../styles/main.css">
+    <script type="module" src="../uswds.js"></script>
     <script type="module" src="../components/card.js"></script>
     <script type="module" src="../components/modal.js"></script>
   </head>
@@ -23,6 +24,7 @@
           <li><a href="/search/">Search</a></li>
         </ul>
       </nav>
+      <usa-banner data-testid="banner"></usa-banner>
     </header>
 
     <main>

diff --git a/src/uswds.js b/src/uswds.js
@@ -0,0 +1 @@
+import '@uswds/web-components';