Widde DS Components

This project was made using:

• React
• TypeScript
• Sass

It also features:

• Storybook to help you create and show off your components
• Vitest and React Testing Library enabling testing of the components

Using in your project

Install it as a dependency

npm install --save @developer-widde/ds-components

OR

yarn add @developer-widde/ds-components

Import the stylesheet in your App file

import "@developer-widde/ds-components/dist/style.css";

Import the needed component

import { WButton } from "@developer-widde/ds-components";

Use it in your JSX code :)

<WButton>Widde Button</WButton>

Development

git clone [email protected]:Zeero-tech/ds-widde.git
cd ds-widde
npm install
npm start

Testing

npm run test

Building

npm run build

Storybook

To run a live-reload Storybook server on your local machine:

npm start

Create new component

To create a base component use the following script:

npm run component:create MyAwesomeComponent