Components library for build modern web applications 🤘 inspired in Tailwindcss

Documentation at: Website

Demo components

Themes and buttons

Layouts and text utilities

Flex utilities

Grid system

Glass effects and loaders

Generating apps

nx g @nrwl/react:app {app-name}

Run app

nx serve {app-name}

Libraries

This section contains all the comands related to libraries manipulation in the workspace.

Generating Libraries

nx g @nrwl/react:library {lib-name} --publishable --importPath="@dash-ui-lib/{lib-name}" --tags="components,ts,dash-ui,react,react-native,js,sass"

Creating Components

npx nx g @nrwl/react:component {component-name} --project={lib-name} --export

Creating Hooks

nx g @nrwl/react:hook {hook-name} --project={lib-name}

Testing

This section contains all the comands related with tests for the workspace

Running test

npx nx test {lib-name}

Run storybook for library

nx run {lib-name}:storybook

Creation storybook with cypres for library

nx generate @nrwl/react:storybook-configuration --name={lib-name} --configureCypress --tsConfiguration=true

Rerun storybook with cypres for library

nx g @nrwl/react:stories --name={lib-name} --ConfigureCypress

Running lin test

npx nx lint {lib-name}

Publishing the library

nx build {lib-name}

cd /dist/libs/{lib-name}

npm publish --access public

Running app

nx serve {app-name}