@99darwin/tw-essentials
Version:
Essential Tailwind components for React - because writing components twice is once too many
54 lines (39 loc) • 1.18 kB
Markdown
# @99darwin/tw-essentials
Essential Tailwind components for React - because writing components twice is once too many.
## Installation
```bash
npm install @99darwin/tw-essentials
# or
yarn add @99darwin/tw-essentials
# or
pnpm add @99darwin/tw-essentials
```
## Usage
```tsx
import { Alert, AlertTitle, AlertDescription } from '@99darwin/tw-essentials'
function App() {
return (
<Alert variant="warning">
<AlertTitle>Warning</AlertTitle>
<AlertDescription>
This is a warning message.
</AlertDescription>
</Alert>
)
}
```
## Features
- 🎨 Built with React and TypeScript
- 🎯 Styled with Tailwind CSS
- ♿ Accessible components using Radix UI
- 🎭 Fully customizable
- 🌙 Dark mode support
- ⚡ Zero runtime overhead
- 🌳 Tree-shakeable
## Why @99darwin/tw-essentials?
Tired of rewriting the same Tailwind components over and over? We've got you covered with the essential components you need. This library provides a collection of pre-built, accessible, and customizable components that you can drop into your projects and start using immediately.
## Requirements
- React 18 or higher
- Tailwind CSS
## License
ISC