## Overview
This library provides a wrapper around HTML5 elements that allows you to pass in a `tailwind` property for className rollups.
This allows us to remove duplicate classNames while allowing you to override base classNames through inheritance.
The end result is fewer libraries (no need for clsx or classnames) alongside a fast, flexible, and composable DX.
## Prerequisites
- Node
- Tailwind
## Installation
```
npm install @ehubbell/html
```
## Usage
```tsx
import { Button } from '@ehubbell/html';
const Btn = ({ type, onClick, tailwind, className }) => (
);
```
## How it works
- The library wraps core HTML5 element
- Every element accepts it's standard HTML attributes
- Every element also accepts two additional properties `[name, tailwind]`
- The `name` property gets converted to the `data-name` attibute for better DOM tree navigation
- The `tailwind` property accepts an arbitrary object, defined by you, containing tailwind className values
- The library will then rollup that object into a `className` string and pass it to the HTML element while removing duplicates
- The end result is a fun, composable and organized DX bjuilt for tailwind projects.
## Supported HTML Elements
| HTML Elements (A–C) | HTML Elements (D–H) | HTML Elements (I–M) | HTML Elements (N–S) | HTML Elements (T–Z) |
|--------------------------|--------------------------|---------------------------|----------------------------|-----------------------------|
| `` | `` | `