Components

Our components are built with accessibility in mind. Each one has comprehensive supporting documentation with usage guidance, examples and props. We’re constantly adding new components so check back if what you need isn’t available or get in touch if you have any feedback or requests.

In addition to the public libraries in the Figma Community, if you’re a J.P. Morgan employee, you can view the Salt component files in Figma when logged in to the JPMC network. They include accessibility and design specifications for each component, with designs for light and dark modes in all four densities.

Please note: Digital accessibility is a shared responsibility and while our components include standard accessibility behavior and attributes, product teams are responsible for implementing components correctly and ensuring their digital products meet all current accessibility requirements.

Stable components do not feature an accompanying symbol in their navigation link titles. You can find them in the @salt-ds/core package.

The Release candidate (RC) tag denotes components that are under active development. These may not function as expected and may change due to feedback. You should exercise caution. You can find them in the @salt-ds/lab package.

Note: The use of lab components not listed on the website isn't encouraged since they aren't receiving active development.

Salt is under active development and new components are released on a regular basis. Check out our roadmap to see what's coming next.