You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: storybook/framework-guidance.mdx
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,7 @@ import VueExample from "../examples/with-vue/src/App.vue?raw";
11
11
12
12
# Framework-specific Guidance
13
13
14
-
We have made every effort to make using USWDS Elements in your project as easy as possible. Since many projects use modern front-end libraries and frameworks, we have included an example directory in this repository that shows minimal examples of how to import and use USWDS Elements with a variety of popular front-end technologies. The goal is to provide an experience that involves minimal configuration to get up and running with your framework or library of choice.
14
+
We've made every effort to make using USWDS Elements in your project as easy as possible. Since many projects use modern front-end libraries and frameworks, we've included an [examples directory](https://github.com/uswds/uswds-elements/tree/develop/examples) in this repository that shows how to import and use USWDS Elements with a variety of popular front-end technologies. The goal is to provide an experience that involves minimal configuration to get up and running with your framework or library of choice.
15
15
16
16
In all cases, install the project from the npm package registry.
17
17
@@ -23,7 +23,7 @@ $ npm install @uswds/elements
23
23
24
24
### HTML
25
25
26
-
To use a specific element directly in an HTML page, use the code snippet below. This example also applies if you are using USWDS Elements in a CMS that has its own templating engine (e.g. Drupal, WordPress, etc.).
26
+
To use a specific element directly in an HTML page, use the code snippet below. This example also applies if you're using USWDS Elements in a CMS that has its own templating engine (e.g. Drupal, WordPress, etc.).
27
27
28
28
```html
29
29
<!-- importing directly into an HTML page -->
@@ -53,7 +53,7 @@ This is a minimal example of implementation in [SolidJS](https://www.solidjs.com
53
53
54
54
#### TypeScript support
55
55
56
-
If you are using TypeScript for your SolidJS project, add a `custom-elements.d.ts` file to `src/` directory.
56
+
If you're using TypeScript for your SolidJS project, add a `custom-elements.d.ts` file to `src/` directory.
57
57
58
58
<Sourcecode={SolidDTsExample}language="ts" />
59
59
@@ -73,7 +73,7 @@ This is a minimal example of implementation in [Vue](https://vuejs.org/).
73
73
74
74
<Sourcecode={VueExample}language="vue" />
75
75
76
-
Additionally, your build tool needs to know about the custom elements so they are not parsed at build time. This is how you do it in Vite:
76
+
Additionally, your build tool needs to know about the custom elements so they aren't parsed at build time. This is how you do it in Vite:
0 commit comments