USWDS example

thescientist13 · Jan 18, 2025 · 73d4830 · 73d4830
1 parent a636204
commit 73d4830
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
@@ -12,6 +12,7 @@
     <link rel="stylesheet" href="../styles/main.css">
     <script type="module" src="../components/card.ts"></script>
     <script type="module" src="../components/modal.ts"></script>
+    <script type="module" src="../uswds.ts"></script>
   </head>
 
   <body>
@@ -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.ts b/src/uswds.ts
@@ -0,0 +1 @@
+import '@uswds/web-components';