# Knox-UI React Component Library

[![npm version](https://img.shields.io/npm/v/knoxui-react.svg)](https://www.npmjs.com/package/knoxui-react)
[![License](https://img.shields.io/badge/license-Apache--2.0-blue.svg)](https://github.com/CoderKnox/knoxui-react/blob/main/LICENSE)
[![TypeScript](https://img.shields.io/badge/TypeScript-97.8%25-blue)](https://github.com/CoderKnox/knoxui-react)

Knox-UI is a corporate-focused React component library that provides a comprehensive set of UI components for building sleek and efficient user interfaces. Built with TypeScript and styled with Tailwind CSS, it offers a modern, customizable, and accessible component system.

## 🌟 Features

- **Rich Component Library**: Includes essential UI components:
  - Button with various styles and states
  - Form components (Input, Textarea, Select)
  - Data display (Table, PivotTable)
  - Form controls (Checkbox, Radio)
  - And more...

- **Theme Customization**:
  - Built-in light and dark mode support
  - Customizable color schemes
  - CSS variables for easy theming
  - Tailwind CSS integration

- **TypeScript Support**:
  - Full TypeScript support
  - Type definitions included
  - Excellent IDE integration

- **Modern Development**:
  - React 18+ compatible
  - Server Component ready
  - Next.js 13+ support

## 🆕 Updates

- Add new hook useTheme.

```js
const { theme, toggleTheme } = useTheme();

<Button onClick={toggleTheme} color="primary">
  Toggle Theme
</Button>
```

## 🚀 Usage

```bash
npm install knoxui-react
```

## 📦 Installation

```bash
# Using npm
npm install knoxui-react

# Using yarn
yarn add knoxui-react

# Using pnpm
pnpm add knoxui-react
```

```js
// layout.js or app.js
import 'knoxui-react/dist/styles.css';
```