@helden-inc/cce-ui

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

Installation

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

Usage

Import components and styles in your React application:

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.

<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.

<Input />

Development

# Install dependencies
npm install

# Start dev server
npm run dev

# Build the library
npm run build