Developing the Toolkit
Assets
Section titled “Assets”Assets like images are export from the Figma design files as PNG’s only
- KeyVisual (KV) images are exported at 2x
- Smaller, content specific images like in column layouts are exported at 1.5x
- Device lockups are exported as images too to keep styling consistent
Building Components
Section titled “Building Components”All inline Tailwind styles need to be prefixed with “srp:”
Note: ADD the ‘extraClasses’ prop to every component created to make it easier to override styles when using the toolkit
Issues
Section titled “Issues”If you encounter TypeScript issues in VS Code:
Cmd/Ctrl + Shift + P → “TypeScript: Restart TS Server”