49 lines
1.0 KiB
Markdown
49 lines
1.0 KiB
Markdown
# 🐺 howl
|
|
|
|
Howl is a fork of `werewolf-ui`, without any Tailwind. A minimal, zero-dependency React component library.
|
|
|
|
## Installation
|
|
|
|
```bash
|
|
bun add git+https://git.nose.space/defunkt/howl
|
|
```
|
|
|
|
## Usage
|
|
|
|
```tsx
|
|
import { Button, VStack, Text } from "howl"
|
|
|
|
function App() {
|
|
return (
|
|
<VStack>
|
|
<Text>Hello, world!</Text>
|
|
<Button>Click me</Button>
|
|
</VStack>
|
|
)
|
|
}
|
|
```
|
|
|
|
## Components
|
|
|
|
- **Avatar** - Profile image component
|
|
- **Box** - Container components (Box, RedBox, GreenBox, BlueBox, GrayBox)
|
|
- **Button** - Button component
|
|
- **Divider** - Horizontal divider
|
|
- **Grid** - Grid layout
|
|
- **Icon** - Icon display using lucide-static
|
|
- **IconLink** - Icon with link functionality
|
|
- **Image** - Image component
|
|
- **Input** - Text input field
|
|
- **Placeholder** - Placeholder component
|
|
- **Section** - Section container
|
|
- **Select** - Dropdown select input
|
|
- **Stack** - Layout components (VStack, HStack)
|
|
- **Text** - Text components (H1, H2, H3, H4, H5, Text, SmallText)
|
|
|
|
## Development
|
|
|
|
```bash
|
|
bun install
|
|
bun dev
|
|
```
|