The patterns library for Growing Up NYC, the official resource for families in New York City.
npm install @nycopportunity/growingup-patterns
To include the entirety of the Growing Up NYC Patterns Library, include the following in the head of your application, replacing <version> with the latest release tag:
<link href="https://cdn.jsdelivr.net/gh/NYCOpportunity/growingupnyc-patterns@<version>/dist/styles/site-default.css" rel="stylesheet">
To include all of the patterns-specific functionality, add the folloiwng before the closing </body> in your application, replacing <version> with the latest release tag:
<script src="https://cdn.jsdelivr.net/gh/nycopportunity/growingupnyc-patterns@<version>/dist/scripts/growingup-nyc.js"></script>
If there are just a few patterns you would like to include in your application, instead of adding the global stylesheet, you can import individual patterns.
The following is an example of including the button pattern from the library into your application:
@import '@nycopportunity/growingup-patterns/src/elements/button/button';
The Mayor's Office for Economic Opportunity (NYC Opportunity) is committed to sharing open source software that we use in our products. Feel free to ask questions and share feedback.
Interested in contributing? See our open positions on buildwithnyc.github.io. Follow our team on Github (if you are part of the @cityofnewyork organization) or browse our work on Github.