Create Design System for AgileSix.com

agilesix / AgileSix.com

Agile Six works with government agencies to create customized digital solutions that meet the needs of their users, both staff and citizens.

https://agile6.com

MIT License

4 stars 1 forks source link

Create Design System for AgileSix.com #24

Open bderfer68 opened 4 years ago

bderfer68 commented 4 years ago

As a stakeholder, I want the ability to easily and quickly preview site changes based on enablers/constraints built into a system of reusable components.

AC:

A component documentation site can be viewed to see what most common components look like.
Developers can leverage components to quickly build new features.
Developers and/or designers can assemble "previews" quickly.

Note: Storybook may be a good tool to use to create this.

DanielMiller-agile6 commented 4 years ago

Gatsby docs have some instructions for usage with Storybook. Looks like these docs are a little out of date with the latest version of Storybook, but I think this should more or less still work as described:

https://www.gatsbyjs.org/docs/visual-testing-with-storybook/

I'll setup an example integration we can discuss at next meeting, along with a few example stories for existing AgileSix.com components and page layouts.