Nationwide Bolt Design System

Tools: HTML/CSS/JavaScript, LitElement, Angular, Figma
URL: Bolt Design System

I’ve worked on several components, with the Datepicker being the most complex. Each of these components undergoes thorough accessibility testing and meticulous reviews. Although they evolve over time with contributions from teammates, these projects were my initial work.

Components differ from basic HTML/CSS blocks because they are protected by ShadowDOM. This allows us to safely share our library with more than 100 teams in our company, ensuring that it can be used without fear of causing issues. It also involves a different approach, as it’s managed through classes, lifecycles, constructors, and props. Props enable users to make predefined adjustments without risking damage to the component.

My experience with design systems has been exciting and distinct from my previous work.