They wanted to invest in a component model that would work with any technology their teams chose to use and would be stable and last for many years to come, regardless of what happens in the frontend ecosystem. Following the U.S. It is a series of individual styles, components, and guidelines used for creating unified UI. It forms the base of the Ontario Design System NPM packages, and can also be used to access the design tokens directly in projects where you dont want to use the Global Styles package. Build your Design System with Web Components At Ionic, our business is building a leading real code Design System that teams can use to build cross-platform apps using standardized web technology. One way is to use the copyfiles NPM package, which you can with any operating system: Pro tip: If using a package.json file, add a script to make keeping the assets up-to-date simpler. Web components are a standard built into the web itself (equivalent of using a new HTML element, new Javascript method like .map or .reduce, etc). Banners identify official websites of government organizations in the United States. If youre a team or company that wants to build their own cross-platform design system on top of Ionic Framework, we can help! 19 min read. You can query the element and manipulate its properties using regular JavaScript within