Kelvin UI Components provides a set of reusable, high quality framework-agnostic UI components, this means you can use them with the current most popular Front-End Development Frameworks like React, Angular or if you prefer, the components are also available as W3C compliant WebComponents.
This is not just a library of UI components as it's also a style guide where you can see how the component looks and behaves by interacting with it, to showcase this we use Storybook, a free open-source tool.
Our Storybook is publicly available here
To start a Stencil development server, run:
npm run start
To build the component for production, run:
npm run build
To run the tests for the components, run:
npm test # or test:watch to watch for changes
When creating new components, always use kv
as the tag prefix for your component (E.g: <kv-datepicker>
).
- Create a branch using
dev
as your source branch - Develop the component and write tests for it
- Check if your code has any linting issues using
npm run lint
- Run the tests using
npm run test
- Create a pull request pointing to
dev