In this section, you can find the WAI design components and how to use them. There is also information on where they are used.
Adding a new Design Component
- Ensure this component is a good candidate for reuse throughout the site.
- Feel free to test it in a specific project repository first. You can put it in the
_includesfolder and include it like any other component. Then, when it is ready, embed it in this central repository.
Steps to add:
- In the
your-component.htmlto describe the markup
- In the
your-component.mdto document the component with one or more instances. Usually each variation has a Markdown example and an example of rendered output. It is encouraged to add a list of pages that use this component
your-component.cssto add CSS (if it’s in
_components, it will get included; manually run
gulp cssto update the CSS file)
Then commit the HTML, CSS (output of
gulp css) and documentation, and file a Pull Request.