# dev-kana-widget

> ## Installation

Latest version **0.1.1** (published 2023-04-15) · 0 weekly downloads

## Install

```sh
npm install dev-kana-widget
pnpm add dev-kana-widget
yarn add dev-kana-widget
bun add dev-kana-widget
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2023-04-15 |
| First published | 2023-03-15 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 26 |
| Unpacked size | 1.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | mani123 |

## Links

- npm: https://www.npmjs.com/package/dev-kana-widget
- npm.io page: https://npm.io/package/dev-kana-widget

## Dependencies (26)

- [bs58](https://npm.io/package/bs58.md) ^5.0.0
- [aptos](https://npm.io/package/aptos.md) ^1.7.2
- [axios](https://npm.io/package/axios.md) ^1.3.4
- [bn.js](https://npm.io/package/bn.js.md) ^5.2.1
- [immer](https://npm.io/package/immer.md) ^9.0.19
- [wagmi](https://npm.io/package/wagmi.md) ^0.12.10
- [use-immer](https://npm.io/package/use-immer.md) ^0.8.1
- [@wagmi/core](https://npm.io/package/@wagmi/core.md) ^0.10.9
- [react-select](https://npm.io/package/react-select.md) ^5.7.0
- [react-i18next](https://npm.io/package/react-i18next.md) ^12.2.0
- [react-spinners](https://npm.io/package/react-spinners.md) ^0.13.8
- [react-toastify](https://npm.io/package/react-toastify.md) ^9.1.1
- [@solana/web3.js](https://npm.io/package/@solana/web3.js.md) ^1.73.3
- [aptos-wallet-api](https://npm.io/package/aptos-wallet-api.md) ^0.1.9
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^6.9.0
- [kana-aggregator-sdk](https://npm.io/package/kana-aggregator-sdk.md) ^0.0.18-beta-0.2
- [@project-serum/anchor](https://npm.io/package/@project-serum/anchor.md) ^0.26.0
- [@tanstack/react-query](https://npm.io/package/@tanstack/react-query.md) ^4.26.1
- [@certusone/wormhole-sdk](https://npm.io/package/@certusone/wormhole-sdk.md) ^0.9.11
- [@react-hook/media-query](https://npm.io/package/@react-hook/media-query.md) ^1.1.1
- [@metamask/detect-provider](https://npm.io/package/@metamask/detect-provider.md) ^2.0.0
- [@solana/wallet-adapter-react](https://npm.io/package/@solana/wallet-adapter-react.md) ^0.15.30
- [@walletconnect/web3-provider](https://npm.io/package/@walletconnect/web3-provider.md) ^1.8.0
- [@solana/wallet-adapter-wallets](https://npm.io/package/@solana/wallet-adapter-wallets.md) ^0.19.15
- [@tanstack/react-query-devtools](https://npm.io/package/@tanstack/react-query-devtools.md) ^4.26.1
- [@manahippo/aptos-wallet-adapter](https://npm.io/package/@manahippo/aptos-wallet-adapter.md) ^1.0.10

## Recent versions

- 0.1.1 (latest) — 2023-04-15
- 0.1.0 — 2023-04-14
- 0.0.11 — 2023-04-13
- 0.0.10 — 2023-04-13
- 0.0.9 — 2023-04-13
- 0.0.8 — 2023-04-13
- 0.0.7 — 2023-04-12
- 0.0.6 — 2023-03-30
- 0.0.5 — 2023-03-21
- 0.0.4 — 2023-03-17
- 0.0.3 — 2023-03-17
- 0.0.2 — 2023-03-15

## README

# Kana-Widget

## Installation

**Kana Widget** is available as a [npm package](https://google.com/).

```
npm i kana-widget
```

## Getting Started with Kana Widget

Here is an example of a basic app using Kana Widget:

```
import Widget from 'kana-widget';

export const WidgetScreen = () => {
    return <Widget />;
};
```

## Styling Config

This is the example with all the available configurations:

```
import Widget from 'kana-widget';
import { useMemo } from 'react';

export const WidgetScreen = () => {

    const widgetConfig: WidgetConfig = useMemo(() => {
        return {
            containerStyle: {
                backgroundColor: '#1E1123',
                primaryColor: '#130E18',
                secondaryColor: '#2c2533',
                buttonColor: 'black'
            },
        };
    }, []);
    
    return <Widget config = { widgetConfig }/>;
};
```

## Troubleshooting

If you are facing any issue like 

```
BREAKING CHANGE: webpack<5 used to include polyfills for node.js core modules by default.
```

Please add custom webpack settings to **config-overrides.js**. For further details regarding custom webpack settings refer [here](https://www.alchemy.com/blog/how-to-polyfill-node-core-modules-in-webpack-5).


## Documentation

[Kana Widget Documentation](https://google.com/)

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