@inkcre/web-design Components

Use this skill when working with the @inkcre/web-design Vue 3 component library.

Overview

@inkcre/web-design provides 19 UI components for Vue 3 applications:

• inkAutoForm
• inkButton
• inkDatetimePickerView
• inkDialog
• inkDoubleCheck
• inkDropdown
• inkField
• inkForm
• inkHeader
• inkInput
• inkJsonEditor
• inkLoading
• inkPagination
• inkPicker
• inkPlaceholder
• inkPopup
• inkSwitch
• inkTextarea
• inkTooltip

Installation

npm install @inkcre/web-design
# or
pnpm add @inkcre/web-design

Setup

// main.ts
import { createApp } from 'vue'
import InKCreWebDesign from '@inkcre/web-design'
import "@inkcre/web-design/styles"

const app = createApp(App)
app.use(InKCreWebDesign)

Component References

Each component has detailed documentation in the references/ directory:

• `inkAutoForm` - Component with props, events, and examples
• `inkButton` - Component with props, events, and examples
• `inkDatetimePickerView` - Component with props, events, and examples
• `inkDialog` - Component with props, events, and examples
• `inkDoubleCheck` - Component with props, events, and examples
• `inkDropdown` - Component with props, events, and examples
• `inkField` - Component with props, events, and examples
• `inkForm` - Component with props, events, and examples
• `inkHeader` - Component with props, events, and examples
• `inkInput` - Component with props, events, and examples
• `inkJsonEditor` - Component with props, events, and examples
• `inkLoading` - Component with props, events, and examples
• `inkPagination` - Component with props, events, and examples
• `inkPicker` - Component with props, events, and examples
• `inkPlaceholder` - Component with props, events, and examples
• `inkPopup` - Component with props, events, and examples
• `inkSwitch` - Component with props, events, and examples
• `inkTextarea` - Component with props, events, and examples
• `inkTooltip` - Component with props, events, and examples