📍Release stable beta versions of key Web Components

[brunerae]

What

To make it easier to stay up-to-date with the Design System, we'll implement Web Components.

• Web Components README
• Architectural Decision Record(ADR)

[anselmbradford]

Hello, I work on the CFPB design system. How might I follow your work on this issue? Will updates be posted here? Also, are you leaning toward Stencil.js for the framework? Thanks!

[mejiaj]

@anselmbradford appreciate your interest. Are you also using web components? StencilJS is one of the tools we're looking at.

We'll be using this issue to capture all related work. There's also the USWDS Public Roadmap if you're interested in seeing all of the things we're working on.

[anselmbradford]

Are you also using web components?

Not currently, but we've looked into it and are looking to align with your work as it develops. Thanks!

[smorrisods]

Hi there, Scott from the Ontario Design System team here. We're working on web components for our Design System and it has been quite a journey but the tl;dr; is they are pretty awesome! If anyone is interested I'd be happy to connect over this. For more information see:

• Web components | Ontario Design System
• Ontario Design System Web Component Docs

We're constantly improving our documentation, adding more components, refining our patterns and design, and squishing bugs. We're using Stencil.JS as our toolchain and release everything as NPM packages that target HTML, Angular, and React.

Cheers!

[mejiaj]

Hi there, Scott from the Ontario Design System team here. We're working on web components for our Design System and it has been quite a journey but the tl;dr; is they are pretty awesome! If anyone is interested I'd be happy to connect over this. For more information see:

• Web components | Ontario Design System
• Ontario Design System Web Component Docs

We're constantly improving our documentation, adding more components, refining our patterns and design, and squishing bugs. We're using Stencil.JS as our toolchain and release everything as NPM packages that target HTML, Angular, and React.

Cheers!

Hello @smorrisods,

Absolutely, we'd be interesting in connecting! Would you kindly email [email protected] so we can get something set up?

[shaal]

Great article by Cory LaViska, author of Shoelace web components library, on Lit -
https://www.abeautifulsite.net/posts/building-custom-elements-with-a-library/