# dapper-ui

> # Get Started

Latest version **1.0.1** (published 2021-10-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install dapper-ui
pnpm add dapper-ui
yarn add dapper-ui
bun add dapper-ui
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2021-10-27 |
| First published | 2021-10-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 10 |
| Unpacked size | 662.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | aeither |
| Maintainers | aeither |

## Links

- npm: https://www.npmjs.com/package/dapper-ui
- Repository: https://github.com/aeither/dapper-ui
- Homepage: https://github.com/aeither/dapper-ui#readme
- Issues: https://github.com/aeither/dapper-ui/issues
- npm.io page: https://npm.io/package/dapper-ui

## Dependencies (10)

- [react-icons](https://npm.io/package/react-icons.md) ^4.3.1
- [framer-motion](https://npm.io/package/framer-motion.md) ^4
- [@emotion/react](https://npm.io/package/@emotion/react.md) ^11
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11
- [chakra-ui-steps](https://npm.io/package/chakra-ui-steps.md) ^1.3.0
- [@chakra-ui/icons](https://npm.io/package/@chakra-ui/icons.md) ^1.0.16
- [@chakra-ui/react](https://npm.io/package/@chakra-ui/react.md) ^1.6.9
- [@chakra-ui/anatomy](https://npm.io/package/@chakra-ui/anatomy.md) ^1.0.1
- [@chakra-ui/theme-tools](https://npm.io/package/@chakra-ui/theme-tools.md) ^1.2.2
- [storybook-addon-performance](https://npm.io/package/storybook-addon-performance.md) ^0.16.1

## Recent versions

- 1.0.1 (latest) — 2021-10-27
- 1.0.0 — 2021-10-25

## README

# dapper-ui

# Get Started

```text
yarn
```

```text
cd examples && npm i
```

## Development

Watch styles changes

```text
yarn start
```

Inside example

```text
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

```text
npx semantic-release-cli setup
```

Update package-lock with the latest dependencies

```text
npm i
```

Commit

```text
npm run acp
```

## Usage

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

const theme = extendTheme(customTheme);

...

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

---
_Source: https://npm.io/package/dapper-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._