A professional Vue 3 component library with modern design principles
A professional Vue 3 component library built with modern design principles.
- 🎨 Modern Design: Clean, professional components following current design trends
- 🔧 Flexible: Highly customizable with variant-based styling
- 🚀 Performance: Lightweight and optimized for production
``bash`
npm install jobins-frontend-componentsor
yarn add jobins-frontend-componentsor
pnpm add jobins-frontend-components
`vue
`
A flexible button component with multiple variants and sizes.
#### Props
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| variant | 'default' \| 'destructive' \| 'outline' \| 'secondary' \| 'ghost' \| 'link' | 'default' | Button visual variant |size
| | 'default' \| 'sm' \| 'lg' \| 'icon' | 'default' | Button size |asChild
| | boolean | false | Render as child element |as
| | string \| object | 'button' | Element tag or component to render as |disabled
| | boolean | false | Whether the button is disabled |class
| | string | undefined | Additional CSS classes |
cn` helper for merging Tailwind classes is exported if needed.
- Vue 3.x
- Tailwind CSS (for styling)
MIT License