Getting started for developers

Building with our design system

We have React component libraries available covering common UI needs across all our brands.

Fable component library

Fable is our next generation component library that we use across all our Sainsbury's brands.

The benefits of Fable:

• Built using TypeScript which makes it easy to integrate into projects
• Well-documented code with examples which you can see in your editor
• Aligned with the Figma UI libraries meaning that all designs can be quickly and accurately built
• Minimal dependencies so the code you ship is as small as possible
• Multi-brand component library with all the Sainsbury's brands styling included

Fable version one has already been released nad is ready to go, so please check out our story book and start using our components from the design system Storybook.

If you can't find a component you need in our design system, you can fill in our component feedback form to let us know what's missing.