@inkcre/web-design Components

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

Overview

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

• inkAutoForm
• inkButton
• inkDatetimePickerView
• inkDialog
• inkDoubleCheck
• inkDropdown
• inkField
• inkForm
• inkHeader
• inkImage
• inkInput
• inkJsonEditor
• inkLoading
• inkPagination
• inkPicker
• inkPlaceholder
• inkPopup
• inkScrim
• 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
• inkImage - 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
• inkOverlay - 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
• inkScrim - 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