open-index/open-npm huggingface dataset:
npm package: @helden-inc/cce-ui
Description: A UI component library for Helden CCE applications, built with React, TypeScript, and Tailwind CSS.
Latest version: 0.1.10

# @helden-inc/cce-ui

A UI component library for Helden CCE applications, built with React, TypeScript, and Tailwind CSS.

## Installation

```bash
npm install @helden-inc/cce-ui
# or
yarn add @helden-inc/cce-ui
```

## Usage

Import components and styles in your React application:

```tsx
import { Button, Input } from '@helden-inc/cce-ui';
import '@helden-inc/cce-ui/style.css';
```

### Components

#### Button

A flexible button component with support for titles, descriptions, and custom actions.

```tsx
<Button
  title="Click me"
  description="This is a description"
  onClick={() => console.log('Clicked')}
/>
```

**Props:**

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `title` | `ReactNode` | - | The main text of the button. |
| `description` | `ReactNode` | - | Secondary text below the title. |
| `action` | `ReactNode` | `ArrowIcon` | Custom element for the action area (right side). |
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | The size of the button. |
| `variant` | `'default' \| 'outline'` | `'default'` | Visual style variant. |
| `children` | `ReactNode` | - | Used if `title` and `description` are not provided. |

#### Input

A simple input component.

```tsx
<Input />
```

## Development

```bash
# Install dependencies
npm install

# Start dev server
npm run dev

# Build the library
npm run build
```