Design system (Grove)

Grove design system

Grove is the Garden State Design System that we expect projects to use. This was formerly called NJWDS; you may see references to this old name in some code or documentation.

Quick links:

• Grove documentation
• Guidance on patterns like conditional fields and error validation
• Storybook components
• GitHub repo

For questions or information on the design system, talk to the team in Slack in the #grove-all channel.

Usage

For React, use the Trussworks implementation of USWDS components when building React components that follow the design system specs. Here are two examples of project code that wraps the Trussworks form components with React Hook Form utilities:

• Doula Medicaid
• Profile-NJ

For non-React, use the USWDS JavaScript directly.