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,&nbsp;
    <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;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