open-index/open-npm huggingface dataset:
npm package: @plusui/react
Description: <p align="center">   <a href="https://www.plusui.com">     <img width="300" src="https://www.plusui.com/assets/plusui.svg" alt="Plus UI Logo" />   </a> </p>
Latest version: 0.0.20

<p align="center">
  <a href="https://www.plusui.com">
    <img width="300" src="https://www.plusui.com/assets/plusui.svg" alt="Plus UI Logo" />
  </a>
</p>

# **Welcome to Plus UI React Library! 🌟**

Integrate Plus UI components seamlessly into your React or TypeScript projects for an enhanced user interface.

[![npm](https://img.shields.io/npm/v/%40plusui%2Fcore?logo=javascript&label=%40plusui%2Fcore)](https://www.npmjs.com/package/@plusui/core) [![npm](https://img.shields.io/npm/v/%40plusui%2Freact?logo=react&label=%40plusui%2Freact)](https://www.npmjs.com/package/@plusui/react)

## Installation 📦

Install the `@plusui/react` package alongside `@plusui/core` to utilize Plus UI components in your React project:

```bash
npm install @plusui/core @plusui/react
```

## Usage React ⚛️

### Step 1: Import Stylesheet

In your root React file (e.g., `index.js` or `index.tsx`), import the Plus UI stylesheet:

```jsx
import "@plusui/core/style.css";
```

### Step 2: Import and Use Components

Import the desired Plus UI component(s) in your React component file and incorporate them as shown below:

```jsx
import React from 'react';
import { PlusButton } from '@plusui/react';

function App() {
  return (
    <PlusButton>Button</PlusButton>
  );
}

export default App;
```