best-ui-garv
v0.1.1
Published
A React component library for building user interfaces.
Downloads
6
Maintainers
Readme
Best UI Garv
A customizable React UI library featuring a variety of stylish buttons.
Installation
npm install best-ui-garvUsage
Import the Button component and use it in your project:
import { Button } from 'best-ui-garv';
function App() {
return (
<Button variant="pumpkin" size="md" glow outlined rounded>
Click Me
</Button>
);
}Props
| Prop | Type | Default | Description |
|-----------|-----------|-----------|-----------------------------------------------------------------------------|
| variant | string | ghost | Button style. Options: pumpkin, ghost, vampire, zombie, spider, skull, ocean, sunset, forest, midnight, ruby, cyber |
| size | string | md | Button size. Options: sm, md, lg |
| glow | boolean | true | Adds a glowing effect |
| outlined| boolean | true | Adds an outline to the button |
| rounded | boolean | true | Makes the button rounded. If false, button will have sharp corners |
Example
<Button variant="ruby" size="lg" glow={false} outlined={false} rounded={false}>
Ruby Button
</Button>Available Variants
- pumpkin
- ghost
- vampire
- zombie
- spider
- skull
- ocean
- sunset
- forest
- midnight
- ruby
- cyber
License
MIT
