Copywise UI

A custom Tailwind CSS component library for Copywise.

Features

• Modern React components built with TypeScript
• Styled with Tailwind CSS
• Fully customizable with theming
• Storybook integration for component documentation and testing

Installation

pnpm install

Development

To start the development server and launch Storybook:

pnpm storybook

This will open Storybook at http://localhost:6006.

Building

To build the component library:

pnpm build

This will create a dist directory with the compiled components.

Components

The library currently includes the following components:

• Button: A versatile button component with various styles and states
• Input: A flexible input component for collecting user data

Usage

import { Button, Input } from '@copywise/ui';

function MyComponent() {
  return (
    <div>
      <Input 
        label="Email" 
        placeholder="Enter your email" 
      />
      <Button variant="primary">
        Submit
      </Button>
    </div>
  );
}