The design system is deployed through Chromatic, and can be found here: Latest version (main)
Run bun run designsystem:start
.
Run bun run designsystem:build
.
Run bun nx test watt
.
It is recommended to run bun nx g workspace-tools:watt-component
to generate the files needed for new components in the library (it can also be executed from the “generate” command in Nx Console extension).
When asked for a component name, any "casing" can be used (e.g. my-button
, MyButton
), but prefer the former (kebab-case) for now.
Using the example name above, the generator will create a my-button
folder in libs/watt/src/components
with the following files:
index.ts
watt-my-button.component.spec.ts
watt-my-button.component.ts
watt-my-button.stories.ts
The generated files contain some sensible defaults for getting started and it should have a working story out of the box.