ACCESS NYC UI Patterns for Screening and Enrolling in Government Benefits

We hope that the ACCESS NYC Patterns along with the Benefits & Program API, and ACCESS NYC Repository are helpful for developers, designers, and project managers alike and accelerates our efforts to create an open product for all New York City residents. Very soon we’ll be releasing another component of ACCESS NYC that will further this effort so stay tuned!

Integration Release

This release includes the working patterns; tested and integrated on ACCESS NYC. It is a pre-release, still, while we update the documentation.

Pre-integration Release

This is the state of patterns before integration with ACCESS NYC.

Version of initial tree structure

We initially focused on keeping scripts and styles separate from each other.

/src/scss/components/_accordion.scss
/src/js/components/accordion.js

/src/scss/elements/_button.scss
/src/js/components/button.js

... etc...

We are interested in exploring isolating component dependencies in their own directories;

/src/elements/button/_button.scss
/src/elements/button/button.js
/src/elements/button/button.slm (for markup/templating in the static site)

/src/components/accordion/_accordion.scss
/src/components/accordion/accordion.js 
/src/components/accordion/accordion.slm (for markup/templating in the static site)

... etc...