open-index/open-npm huggingface dataset:
npm package: @hensley-ui/react-button
Description: A flexible and accessible button component built with React and Radix UI.
Latest version: 0.1.2

# @hensley-ui/react-button

A flexible and accessible button component built with React and Radix UI.

## Installation

```bash
npm install @hensley-ui/react-button
```

## Peer Dependencies

This library requires the following peer dependencies:

```bash
npm install clsx tailwind-merge
```

Or if you're using yarn:

```bash
yarn add clsx tailwind-merge
```

```bash
pnpm add clsx tailwind-merge
```

## Usage

```tsx
import { Button } from '@hensley-ui/react-button'

function App() {
  return (
    <Button variant="default" size="lg">
      Click me
    </Button>
  )
}
```

## API

### Button Props

| Prop      | Type                                                                        | Default   | Description             |
| --------- | --------------------------------------------------------------------------- | --------- | ----------------------- |
| variant   | 'default' \| 'destructive' \| 'outline' \| 'secondary' \| 'ghost' \| 'link' | 'default' | Button style variant    |
| size      | 'default' \| 'sm' \| 'lg' \| 'icon'                                         | 'default' | Button size             |
| fullWidth | boolean                                                                     | false     | Use full width          |
| asChild   | boolean                                                                     | false     | Render as child element |

## Examples

### Basic Usage

```tsx
<Button>Default Button</Button>
<Button variant="destructive">Delete</Button>
<Button variant="outline">Outline</Button>
```

### Sizes

```tsx
<Button size="sm">Small</Button>
<Button size="default">Default</Button>
<Button size="lg">Large</Button>
<Button size="icon">🔍</Button>
```

### States

```tsx
<Button disabled>Disabled</Button>
<Button fullWidth>Full Width</Button>
<Button asChild>
  <a href="#">As Link</a>
</Button>
```

## Dependencies

This package includes:

- `@radix-ui/react-slot` - For asChild functionality
- `class-variance-authority` - For variant management

## Peer Dependencies

- `react` >= 18.0.0-rc < 20.0.0
- `@types/react` >= 18.0.0-rc < 20.0.0
- `clsx` ^2.1.1
- `tailwind-merge` ^2.6.0

## License

MIT
npm package: @hensley-ui/ui
Description: React component library
Latest version: 0.3.7

# 🦔 @hensley/ui-ui

React component library

- [한국어](README.md)
- [English](README.en.md)

## Project Overview

HensleyUI is a **React UI library** built with **Radix UI** and **ShadCN design system**. It offers **polymorphic components** to support flexible UI design and provides a consistent, beautiful UI based on the principles of **ShadCN** design system.

### Main Goals

- Combine the accessible UI components from **Radix UI** with the consistent and beautiful design styles of the **ShadCN design system** to provide highly customizable components.
- Provide **polymorphic components** that can be easily transformed into various HTML elements for flexibility.

## Installation and Setup

```bash
git clone https://github.com/yourusername/hensleyui.git
cd hensleyui
npm install
npm start
```

## Contributing

Guidelines will be added in the future. Thanks for your interest!

## License

This project is licensed under the MIT License.