CoreUI - Modern Vue 3 Component Library

A minimal, modern Vue 3 component library built with a black and white design system on an 8-point grid. Features automatic light/dark mode support and a clean, flat aesthetic.

Features

• ✨ Modern Design - Clean black and white aesthetic with flat colors
• 🎨 8-Point Grid System - All spacing follows an 8-point grid for perfect alignment
• 🌓 Light/Dark Mode - Automatic theme switching with system preference detection
• 📦 Tree-shakeable - Import only what you need
• 💪 TypeScript - Full TypeScript support with type definitions
• ♿ Accessible - ARIA attributes and keyboard navigation
• 🎯 No Dependencies - Only requires Vue 3

Installation

```bash npm install @pm-tool/core-ui ```

Usage

Global Registration (Recommended)

```typescript import { createApp } from 'vue' import CoreUI from '@pm-tool/core-ui' import '@pm-tool/core-ui/styles' import App from './App.vue'

const app = createApp(App) app.use(CoreUI) app.mount('#app') ```

Individual Component Import

```vue

Components

Buttons

• CoreButton - Multiple variants (primary, secondary, success, error, outlined, text)

Forms

• CoreTextInput - Text input with label and validation
• CorePasswordInput - Password input with show/hide toggle
• CoreNumberInput - Number input with increment/decrement buttons
• CoreTextarea - Multi-line text input
• CoreSelect - Custom dropdown select
• CoreCheckbox - Checkbox with label
• CoreRadio - Radio button with label

Layout

• CoreDivider - Horizontal/vertical divider with optional label

Theme

• CoreThemeToggle - Light/dark mode toggle

License

MIT