Astro

Astro is an open source Web Components and design library. Astro Web Components use Stencil in order to provide fast and easy integration no matter the framework.

The Astro AG-Grid theme has moved to it's own repo. The npm package remains the same, @astrouxds/ag-grid-theme.

Documentation

Current documentation: astro-components.netlify.app Beta documentation: beta-astro-components.netlify.app

Packages

Project	Description	Links
AstroUXDS	The Astro UXDS site for design and developer guidelines.	astrouxds.com
Astro Web Components	@astrouxds/astro-web-components - Astro Web Components built in Stencil	README.md, Storybook
React	@astrouxds/react - Astro Web Components wrapped for React use	README.md
Angular	@astrouxds/angular - Astro Web Components wrapped for Angular use	README.md
Starter Kits	Starter kits for getting Astro web-components running in React, Svelte, Vue, Angular and HTML/JS	React, Svelte, Vue, Angular, HTML/JS

Release Notes

🎉 NEW

• Can be used without NPM dependencies
• Form elements as Web Components
• Form patterns/guidance for HTML, React, Vue, Angular and Svelte
• Unit and Integration tests
• Visual regression tests
• TypeScript support
• Single package import with tree shaking
• Integrations with Libraries/Frameworks
  • Angular Wrapper
  • React Wrapper
  • Vue 3
  • Svelte
• Starter kits
  • Angular
  • HTML/JS
  • Svelte
  • Vue 2
  • Vue 3

📝 IMPROVED

• Storybook documentation
• CSS Custom Property documentation for developer overrides
• Framework integrations
  • HTML/JavaScript
  • React
  • Vue2
• Starter kits
  • React ​

⚠️ Deprecation notification The existing Lit/CSS libraries are moving to maintenance mode and only receive bug fixes starting January 1, 2022. We encourage all new projects to start with the new Stencil based components https://github.com/RocketCommunicationsInc/astro/tree/main/packages/web-components(https://github.com/RocketCommunicationsInc/astro/tree/main/packages/web-components)