@noctuatech/uswds
v0.0.21
Published
An implementaiton of the US Web Design System using web components.
Downloads
1,257
Readme
USWDS
An implementaiton of the US Web Design System using web components.
https://designsystem.digital.gov/
Getting Started
npm i @noctuatech/uswds
<style>
* {
font-family:
Source Sans Pro Web,
Helvetica Neue,
Helvetica,
Roboto,
Arial,
sans-serif;
}
</style>
<script src="/node_modules/@noctuatech/uswds/assets/uswds.min.js"></script>
<usa-config icon-path="/node_modules/@noctuatech/uswds/assets/usa-icons/">
<usa-alert type="info">
<h3 slot="heading">Informative status</h3>
Lorem ipsum dolor sit amet,
<usa-link href="#">consectetur adipiscing</usa-link> elit, sed do
eiusmod.
</usa-alert>
</usa-config>
Development
Install
npm i
Run Storybook
npm run storybook
Generate a new element
npm run gen element