Devsamurai UI KIT
This project contains all helpful components for DS plugins.
DS UI kit uses a number of open source projects to work properly:
- React - HTML enhanced for web apps!
- Ant Design - MA design system for enterprise-level products. Create an efficient and enjoyable work experience.
- Atlassian Kit - Atlassian's official UI library, built according to the Atlassian Design System.
Release Note
User Guide
INSTALLATION
DS UI Kit requires Node.js v16 to run.
Install the dependencies and devDependencies and start the server.
npm ci
or
yarn ci
RUN TO GET STORYBOOK
To start storybook and see all UI components. Storybook will run on port http://localhost:6006/ as default. Or LIVE DEMO HERE
npm run storybook
or yarn storybook
Or you can run by command:
npm run start
or yarn start
Note: You maybe also need to install eslint: npm install -g eslint
BUILD
To build storybook as a static web application. Detail
npm run build-storybook
or
yarn build-storybook
Then to publish storybook to the host:
yarn chromatic
or
npx chromatic --project-token=<<token>>
Please publish static web with your Chromatic token or my token b682aa3cf457. And you can access directly to Link to see the story book.
Host on bitbucket
Clone this repo: https://bitbucket.org/ds-devsamurai/ds-devsamurai.bitbucket.io/src/master/
Build Storybook as steps above. After building, a folder named storybook-static will be created and it contains all static web source code. Copy and paste that folder to update folder storybook-static of repo above and push it onto master.