AngkorUI

A reusable React component library built with TypeScript and Tailwind CSS.

Installation

npm install @bunthon/angkorui

Usage

import { Button, Card, Input } from '@bunthon/angkorui';
import '@bunthon/angkorui/dist/styles.css';

function App() {
  return (
    <div>
      <Button variant="primary" size="md">
        Click me
      </Button>
      
      <Card>
        <Card.Header>
          <h2>Card Title</h2>
        </Card.Header>
        <Card.Body>
          <p>Card content goes here</p>
        </Card.Body>
      </Card>
      
      <Input
        label="Email"
        type="email"
        placeholder="Enter your email"
      />
    </div>
  );
}

Components

Button

• variant: 'primary' | 'secondary' | 'outline'
• size: 'sm' | 'md' | 'lg'

Card

• shadow: 'none' | 'sm' | 'md' | 'lg'
• rounded: 'none' | 'sm' | 'md' | 'lg'
• Includes CardHeader, CardBody, and CardFooter subcomponents

Input

• label: string
• error: string
• size: 'sm' | 'md' | 'lg'

Development

# Install dependencies
npm install

# Start Storybook
npm run storybook

# Build library
npm run build

# Lint code
npm run lint

# Type check
npm run typecheck

License

MIT