Add Open Forms story to Storybook

nl-design-system / denhaag

Work in Progress: Den Haag Design System based on the NL Design System architecture

https://nl-design-system.github.io/denhaag/

Other

12 stars 7 forks source link

Add Open Forms story to Storybook #1415

Open Robbert opened 11 months ago

Robbert commented 11 months ago

https://github.com/open-formulieren/open-forms-sdk

Open Forms SDK has a Storybook with <OpenForms src={{ fields: [bla bla] }}/> they run visual regression tests on in Storybook. It would be fantastic if the look and feel of Den Haag forms can be tested inside Storybook. Copy their success!

Open Forms uses a lot of Utrecht form components, so we might need to improve the tokens of those a bit.

Depends on: https://github.com/nl-design-system/denhaag/pull/1388

bddjong commented 10 months ago

Open PR for this #1426

bddjong commented 10 months ago

Follow up work for this:

[ ] A few components are not yet supported, such as the Map component. I believe they require a specific ConfigProvider to also decorate the OpenForms stories and provide some default configuration before they can render properly. Need to look at the open forms implementation for this.
[ ] Add tests (?)
[ ] Add a full form page template