dapper-ui

Get Started

yarn

cd examples && npm i

Development

Watch styles changes

yarn start

Inside example

npm run dev

Workflow suggestions

Create the desired styles with storybook: yarn storybook and yarn start.

Then stop them and run Inside example npm run dev to start the application.

Notes

Right now use chakra-ui components. Use this custom library only for customTheme.

Publish

• Change the package name to one that is available on npm.

Setup semantic release

npx semantic-release-cli setup

Update package-lock with the latest dependencies

npm i

Commit

npm run acp

Usage

import { extendTheme } from "@chakra-ui/react";
import { customTheme } from "dapper-ui";

const theme = extendTheme(customTheme);

...

<ChakraProvider theme={theme}>
    <Component {...pageProps} />
</CacheProvider>