https://github.com/ant-design/nextjs-registry

Style registry of Ant Design for Nextjs
https://github.com/ant-design/nextjs-registry

Last synced: 1 day ago
JSON representation

Style registry of Ant Design for Nextjs

• Host: GitHub
• URL: https://github.com/ant-design/nextjs-registry
• Owner: ant-design
• Created: 2023-12-28T12:55:06.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-18T03:56:19.000Z (about 2 months ago)
• Last Synced: 2024-12-25T08:07:06.528Z (8 days ago)
• Language: TypeScript
• Size: 19.5 KB
• Stars: 18
• Watchers: 5
• Forks: 5
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# @ant-design/nextjs-registry

[![NPM version][npm-image]][npm-url] [![npm download][download-image]][download-url] [![bundle size][bundlephobia-image]][bundlephobia-url]

[npm-image]: http://img.shields.io/npm/v/@ant-design/nextjs-registry.svg?style=flat-square

[npm-url]: http://npmjs.org/package/@ant-design/nextjs-registry

[github-actions-image]: https://github.com/ant-design/nextjs-registry/workflows/CI/badge.svg

[github-actions-url]: https://github.com/ant-design/nextjs-registry/actions

[codecov-image]: https://img.shields.io/codecov/c/github/ant-design/nextjs-registry/main.svg?style=flat-square

[codecov-url]: https://codecov.io/gh/ant-design/nextjs-registry/branch/main

[download-image]: https://img.shields.io/npm/dm/@ant-design/nextjs-registry.svg?style=flat-square

[download-url]: https://npmjs.org/package/@ant-design/nextjs-registry

[bundlephobia-url]: https://bundlephobia.com/result?p=@ant-design/nextjs-registry

[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/@ant-design/nextjs-registry

This package is used for registry styles of Ant Design components for Next.js.

## Install

```bash

npm install @ant-design/nextjs-registry --save

```

## Usage

Should be use in `RootLayout` of Nextjs app router.

```tsx

// app/layout.tsx

import React from 'react';

import { AntdRegistry } from '@ant-design/nextjs-registry';

export default function RootLayout({

  children,

}: {

  children: React.ReactNode;

}) {

  return (

    

      

        {children}

      

    

  );

}

```