mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
chore: readme symbolic link creatd
This commit is contained in:
Junior Garcia
parent
115c8c44d2
commit
5be6e7ded0
100
README.md
100
README.md
@ -1,100 +0,0 @@
|
|||||||
<p align="center">
|
|
||||||
<a href="https://nextui.org">
|
|
||||||
<img width="20%" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/isotipo.png" alt="nextui" />
|
|
||||||
<h1 align="center">NextUI</h1>
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</br>
|
|
||||||
<p align="center">
|
|
||||||
<a href="https://github.com/jrgarciadev/nextui/blob/main/LICENSE">
|
|
||||||
<img src="https://img.shields.io/apm/l/atomic-design-ui.svg?style=flat" alt="License">
|
|
||||||
</a>
|
|
||||||
<a href="https://codecov.io/gh/jrgarciadev/nextui">
|
|
||||||
<img src="https://codecov.io/gh/jrgarciadev/nextui/branch/main/graph/badge.svg?token=QJF2QKR5N4" alt="codecov badge">
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/nextui-org/nextui/actions/workflows/main.yaml">
|
|
||||||
<img src="https://github.com/nextui-org/nextui/actions/workflows/main.yaml/badge.svg" alt="CI/CD nextui">
|
|
||||||
</a>
|
|
||||||
<a href="https://www.npmjs.com/package/@nextui-org/react">
|
|
||||||
<img src="https://img.shields.io/npm/dm/@nextui-org/react.svg?style=flat-round" alt="npm downloads">
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p align="center">
|
|
||||||
<a rel="noopener noreferrer" target="_blank" href="https://www.vercel.com?utm_source=nextui&utm_marketing=oss">
|
|
||||||
<img height="34px" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/deployed-on-vercel.svg" alt="Deployed on vercel">
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
> **NOTE:** This is a community project, not associated with [Vercel](https://vercel.com), but does get some inspiration from there.
|
|
||||||
|
|
||||||
## Getting Started
|
|
||||||
|
|
||||||
Visit <a aria-label="nextui learn" href="https://nextui.org/learn">https://nextui.org/guide</a> to get started with NextUI.
|
|
||||||
|
|
||||||
## Documentation
|
|
||||||
|
|
||||||
Visit [https://nextui.org/docs](https://nextui.org/docs) to view the full documentation.
|
|
||||||
|
|
||||||
## Quick Start
|
|
||||||
|
|
||||||
1. Installation: Inside your React project directory, install NextUI by running either of the following:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
yarn add @nextui-org/react
|
|
||||||
# or
|
|
||||||
npm i @nextui-org/react
|
|
||||||
```
|
|
||||||
|
|
||||||
2. Setup: For NextUI to work correctly, you need to set up the `NextUIProvider` at the root of your application.
|
|
||||||
|
|
||||||
Go to the root of your application and do this:
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
import {NextUIProvider} from '@nextui-org/react';
|
|
||||||
|
|
||||||
const Application = () => (
|
|
||||||
<NextUIProvider>
|
|
||||||
<AppComponent /> // ---> Your App Component
|
|
||||||
</NextUIProvider>
|
|
||||||
);
|
|
||||||
```
|
|
||||||
|
|
||||||
3. Using NextUI components: Once NextUI is installed you can use any of the components as follows.
|
|
||||||
NextUI uses tree-shaking so the unused modules will not be included in the bundle during the build process and
|
|
||||||
each component is exported separately.
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
import {Button} from '@nextui-org/react';
|
|
||||||
|
|
||||||
const Component = () => <Button>Click me</Button>;
|
|
||||||
```
|
|
||||||
|
|
||||||
4. NextUI allows to manually import components if you need. E.g.
|
|
||||||
|
|
||||||
```jsx
|
|
||||||
import Button from '@nextui-org/react/button';
|
|
||||||
|
|
||||||
const Component = () => <Button>Click me</Button>;
|
|
||||||
```
|
|
||||||
|
|
||||||
### Community
|
|
||||||
|
|
||||||
We're excited to see the community adopt NextUI, raise issues, and provide feedback.
|
|
||||||
Whether it's a feature request, bug report, or a project to showcase, please get involved!
|
|
||||||
|
|
||||||
- [Discord](https://discord.gg/9b6yyZKmH4)
|
|
||||||
- [Twitter](https://twitter.com/getnextui)
|
|
||||||
- [GitHub Discussions](https://github.com/nextui-org/nextui/discussions)
|
|
||||||
|
|
||||||
## Contributing
|
|
||||||
|
|
||||||
Contributions are always welcome!
|
|
||||||
|
|
||||||
See [CONTRIBUTING.md](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.MD) for ways to get started.
|
|
||||||
|
|
||||||
Please adhere to this project's [CODE_OF_CONDUCT](https://github.com/nextui-org/nextui/blob/main/CODE_OF_CONDUCT.md).
|
|
||||||
|
|
||||||
## License
|
|
||||||
|
|
||||||
[MIT](https://choosealicense.com/licenses/mit/)
|
|
||||||
@ -1,24 +1,102 @@
|
|||||||
# @nextui-org/react
|
<p align="center">
|
||||||
|
<a href="https://nextui.org">
|
||||||
|
<img width="20%" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/isotipo.png" alt="nextui" />
|
||||||
|
<h1 align="center">NextUI</h1>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</br>
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://github.com/jrgarciadev/nextui/blob/main/LICENSE">
|
||||||
|
<img src="https://img.shields.io/npm/l/@nextui-org/react?style=flat" alt="License">
|
||||||
|
</a>
|
||||||
|
<a href="https://codecov.io/gh/jrgarciadev/nextui">
|
||||||
|
<img src="https://codecov.io/gh/jrgarciadev/nextui/branch/main/graph/badge.svg?token=QJF2QKR5N4" alt="codecov badge">
|
||||||
|
</a>
|
||||||
|
<a href="https://github.com/nextui-org/nextui/actions/workflows/main.yaml">
|
||||||
|
<img src="https://github.com/nextui-org/nextui/actions/workflows/main.yaml/badge.svg" alt="CI/CD nextui">
|
||||||
|
</a>
|
||||||
|
<a href="https://www.npmjs.com/package/@nextui-org/react">
|
||||||
|
<img src="https://img.shields.io/npm/dm/@nextui-org/react.svg?style=flat-round" alt="npm downloads">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
A Quick description of the component
|
<p align="center">
|
||||||
|
<a rel="noopener noreferrer" target="_blank" href="https://www.vercel.com?utm_source=nextui&utm_marketing=oss">
|
||||||
|
<img height="34px" src="https://raw.githubusercontent.com/nextui-org/nextui/main/apps/docs/public/deployed-on-vercel.svg" alt="Deployed on vercel">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
> This is an internal utility, not intended for public usage.
|
> **NOTE:** This is a community project, not associated with [Vercel](https://vercel.com), but does get some inspiration from there.
|
||||||
|
|
||||||
## Installation
|
> **Warning 🚧:** This project is still in development, it might have bugs and breaking changes so it is not recommended to use it in production.
|
||||||
|
|
||||||
```sh
|
## Getting Started
|
||||||
|
|
||||||
|
Visit <a aria-label="nextui learn" href="https://nextui.org/learn">https://nextui.org/guide</a> to get started with NextUI.
|
||||||
|
|
||||||
|
## Documentation
|
||||||
|
|
||||||
|
Visit [https://nextui.org/docs](https://nextui.org/docs) to view the full documentation.
|
||||||
|
|
||||||
|
## Quick Start
|
||||||
|
|
||||||
|
1. Installation: Inside your React project directory, install NextUI by running either of the following:
|
||||||
|
|
||||||
|
```bash
|
||||||
yarn add @nextui-org/react
|
yarn add @nextui-org/react
|
||||||
# or
|
# or
|
||||||
npm i @nextui-org/react
|
npm i @nextui-org/react
|
||||||
```
|
```
|
||||||
|
|
||||||
## Contribution
|
2. Setup: For NextUI to work correctly, you need to set up the `NextUIProvider` at the root of your application.
|
||||||
|
|
||||||
Yes please! See the
|
Go to the root of your application and do this:
|
||||||
[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
|
|
||||||
for details.
|
|
||||||
|
|
||||||
## Licence
|
```jsx
|
||||||
|
import {NextUIProvider} from "@nextui-org/react";
|
||||||
|
|
||||||
This project is licensed under the terms of the
|
const Application = () => (
|
||||||
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).
|
<NextUIProvider>
|
||||||
|
<AppComponent /> // ---> Your App Component
|
||||||
|
</NextUIProvider>
|
||||||
|
);
|
||||||
|
```
|
||||||
|
|
||||||
|
3. Using NextUI components: Once NextUI is installed you can use any of the components as follows.
|
||||||
|
NextUI uses tree-shaking so the unused modules will not be included in the bundle during the build process and
|
||||||
|
each component is exported separately.
|
||||||
|
|
||||||
|
```jsx
|
||||||
|
import {Button} from "@nextui-org/react";
|
||||||
|
|
||||||
|
const Component = () => <Button>Click me</Button>;
|
||||||
|
```
|
||||||
|
|
||||||
|
4. NextUI allows to manually import components if you need. E.g.
|
||||||
|
|
||||||
|
```jsx
|
||||||
|
import Button from "@nextui-org/react/button";
|
||||||
|
|
||||||
|
const Component = () => <Button>Click me</Button>;
|
||||||
|
```
|
||||||
|
|
||||||
|
### Community
|
||||||
|
|
||||||
|
We're excited to see the community adopt NextUI, raise issues, and provide feedback.
|
||||||
|
Whether it's a feature request, bug report, or a project to showcase, please get involved!
|
||||||
|
|
||||||
|
- [Discord](https://discord.gg/9b6yyZKmH4)
|
||||||
|
- [Twitter](https://twitter.com/getnextui)
|
||||||
|
- [GitHub Discussions](https://github.com/nextui-org/nextui/discussions)
|
||||||
|
|
||||||
|
## Contributing
|
||||||
|
|
||||||
|
Contributions are always welcome!
|
||||||
|
|
||||||
|
See [CONTRIBUTING.md](https://github.com/nextui-org/nextui/blob/main/CONTRIBUTING.MD) for ways to get started.
|
||||||
|
|
||||||
|
Please adhere to this project's [CODE_OF_CONDUCT](https://github.com/nextui-org/nextui/blob/main/CODE_OF_CONDUCT.md).
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
[MIT](https://choosealicense.com/licenses/mit/)
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user