https://github.com/iwatakeshi/chakra-next

A set of components to integrate with Chakra UI and Next.js
https://github.com/iwatakeshi/chakra-next

Last synced: 6 days ago
JSON representation

A set of components to integrate with Chakra UI and Next.js

• Host: GitHub
• URL: https://github.com/iwatakeshi/chakra-next
• Owner: iwatakeshi
• License: mit
• Created: 2021-11-23T19:01:36.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-01T00:17:46.000Z (almost 3 years ago)
• Last Synced: 2024-10-23T09:04:54.820Z (3 months ago)
• Language: TypeScript
• Size: 280 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# chakra-next

A set of components to integrate with Chakra UI and Next.js

## Usage

### Installation

```bash

npm add @iwatakeshi/chakra-next

```

### Components

> Note: All components will automatically wrap Chakra UI's components with Next's `Link` when `href` is a relative url.

#### Link

```tsx

import { Link } from "@iwatakeshi/chakra-next";

;

// => 

```

#### Button

```tsx

import { Button } from "@iwatakeshi/chakra-next";

;

// => 

```

### IconButton

```tsx

import { IconButton } from "@iwatakeshi/chakra-next";

;

// => 

```

### Image

```tsx

import { Image } from "@iwatakeshi/chakra-next";

;

```