ds-ui-kit v0.0.24

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.

Installation

DS UI Kit requires Node.js v16 to run.

Install the dependencies and devDependencies and start the server.

npm i

or

yarn

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

BUILD

To build storybook as a static web application. Detail

npm run build-storybook

or

yarn build-storybook

COMPONENTS

Change theme

import { useTheme, THEMES } from "ds-ui-kit";
...

[theme, setTheme] = useTheme();
const changeToDarkTheme = () => {
  setTheme(THEMES.DARK)
}

AssigneePicker

import { AssigneePicker } from "ds-ui-kit";
<AssigneePicker listProvider={() => [{
    accountId: "5e4a382e212310c8fe50df3",
    accountType: "atlassian",
    displayName: "Eric Huynh",
    src: "https://image",
  }]} />

ThemeSelector

import { ThemeSelector } from "ds-ui-kit";
<ThemeSelector />