Cwidafor Library

A modern Vue 3 component library with beautiful UI components.

Installation

npm install cwidafor-library

Usage

<script setup>
import { Button } from 'cwidafor-library'
</script>

<template>
  <Button variant="primary" size="medium">Click me</Button>
</template>

Components

Button

A versatile button component with multiple variants and sizes.

Props

| Prop | Type | Default | Description | |-----------|----------------------------------------|-----------|--------------------------------| | variant | 'primary' | 'secondary' | 'outline' | 'primary' | The visual style of the button | | size | 'small' | 'medium' | 'large' | 'medium' | The size of the button | | disabled | boolean | false | Whether the button is disabled |

Events

| Event | Description | |--------|--------------------------------| | click | Emitted when button is clicked |

Examples

<!-- Primary Button -->
<Button variant="primary">Primary Button</Button>

<!-- Secondary Button -->
<Button variant="secondary">Secondary Button</Button>

<!-- Outline Button -->
<Button variant="outline">Outline Button</Button>

<!-- Different Sizes -->
<Button size="small">Small Button</Button>
<Button size="medium">Medium Button</Button>
<Button size="large">Large Button</Button>

<!-- Disabled Button -->
<Button disabled>Disabled Button</Button>

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

License

MIT