A spike to get a datePicker component, who could fit into a multi-brand design system. The goals are to:
- Compose a datePicker by smaller components with React
- Document everything into a deployed Storybook.
- Ensure components are themeable for multi-brand purposes. To handle this, style tokens are managed by Style Dictionary.
Results are built for two fake brands: bourgeois
and circuitous
. You can see the outcomes on:
- https://my-datepicker-bourgeois.danifornells.now.sh
- https://my-datepicker-circuitous.danifornells.now.sh
Hope you like it, feedback is much appreciated.
Install the npm dependencies by npm install
.
There are some tasks could let you run the code locally:
npm run start:bourgeois
will build and start the artifacts for thebourgeois
brandnpm run start:circuitous
will build and start the artifacts for thecircuitous
brandnpm run build
will build static artifacts for both brands intobuild/
npm run test
to test the codenpm run lint
to lint JS/JSX & SCSS filesnpm run deploy
to deploy to Now