Design Prototype Sandbox

A template for prototyping with the Connect Design System.

1

Create a route

Add a folder under app/prototype/ with a page.tsx file.

2

Use Connect components

Import from @lego/connect-components-react. Check types in node_modules before using.

3

Add feature flags

Define design variations in app/lib/flags.ts. Edit, save, hot-reload.

4

Add mock data

Centralise mock data in app/lib/mock-data/ and import where needed.