Design-System

Action Group

Kickoff Meeting ideas:

• List potential websites to integrate the design system into:
  • Developer.metro.net
  • MyBus
• Prioritize components to:
  • modify
  • create
• Start defining:
  • usage guidelines
  • templates
  • Design <> Dev workflow (Figma <> Code)
• Design:
  • customizing for Metro
• Technical:
  • customizing for Metro
  • setting up for development

How to use - Vanilla JavaScript

You should include both the CSS and JavaScript files in order to use this Digital Design System.

CSS

<link rel="stylesheet" href="https://lacmta.github.io/design-system/dist/css/styles.css" type="text/css">

JavaScript

<script src="https://lacmta.github.io/design-system/dist/js/uswds.min.js"></script>
<script src="https://lacmta.github.io/design-system/dist/js/uswds-init.min.js"></script>

The following website lists the supported components to use in your application.

https://lacmta.github.io/design-system/build/

Acknowledgements

The Metro Digital Design System is a fork of the US Web Design System.

Contributing

If you'd like to contribute to the Digital Design System, please visit the Action Group page or feel free to contribute to the GitHub repository.