UI Components

A React component library built with TypeScript and Tailwind CSS.

📦 Installation

npm install @reflaunt-dev/ui-components

🎯 Quick Start

Server Components (No 'use client' needed)

import {
  Icons,
  Anchor,
  InformationBox,
} from '@reflaunt-dev/ui-components/server'

export default function ServerPage() {
  return (
    <div>
      <Icons.IconCheck width={24} height={24} />
      <Anchor href='/about'>About Us</Anchor>
      <InformationBox title='Info' message='Server rendered content' />
    </div>
  )
}

Client Components (Requires 'use client')

'use client'

import { Button, Input, Dialog } from '@reflaunt-dev/ui-components/client'

export default function ClientPage() {
  return (
    <div>
      <Button onClick={() => alert('Hello!')}>Click Me</Button>
      <Input label='Email' placeholder='Enter your email' type='email' />
    </div>
  )
}

🏗️ Entry Points

• @reflaunt-dev/ui-components/server - Server-compatible components
• @reflaunt-dev/ui-components/client - Client-only components
• @reflaunt-dev/ui-components - Full library (backward compatibility)

🎨 Tailwind CSS Integration

1. Install Tailwind CSS

npm install tailwindcss

2. Import CSS

@import "tailwindcss";
@import "@reflaunt-dev/ui-components/css";