open-index/open-npm huggingface dataset:
npm package: @infinaut/ui
Description: A reusable React UI component library for the Infinaut project.
Latest version: 1.2.9

# @infinaut/ui

## English

A reusable React UI component library for the Infinaut project.

### Installation

Install the package using pnpm.

```bash
pnpm add @infinaut/ui
```

### Usage (with Tailwind CSS v4)

After installing the package, you need to import the styles into your global CSS file. In your `globals.css` (or equivalent), add the following line:

```css
@import "@infinaut/ui/styles";
```

Then, you can import and use the components in your files.

```tsx
import { Button } from '@infinaut/ui';

function App() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  );
}
```

---

## 한국어

Infinaut 프로젝트를 위한 재사용 가능한 React UI 컴포넌트 라이브러리입니다.

### 설치

pnpm을 사용하여 패키지를 설치합니다.

```bash
pnpm add @infinaut/ui
```

### 사용법 (Tailwind CSS v4 기준)

패키지 설치 후, 전역 CSS 파일에 스타일을 가져와야 합니다. `globals.css` 파일(또는 이에 상응하는 파일)에 다음 줄을 추가해주세요.

```css
@import "@infinaut/ui/styles";
```

그 다음, 필요한 컴포넌트를 파일로 가져와서 사용할 수 있습니다.

```tsx
import { Button } from '@infinaut/ui';

function App() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  );
}