CodeMonster UI Vue

Vue 3 adapter for CodeMonster UI components.

Current release: @codemonster-ru/[email protected].

Requirements

• Node.js ^22.22.3, ^24.15.0, or >=26.0.0 for package tooling and SSR.
• Vue ^3.5.0.

Installation

npm install vue@^3.5.0 @codemonster-ru/ui-vue@^1.1.0 @codemonster-ru/ui-css@^1.1.0

Quick start

import '@codemonster-ru/ui-css/styles.css';
import { CmButton } from '@codemonster-ru/ui-vue';

<CmButton variant="secondary" size="lg" type="submit">Save</CmButton>

CmButton renders a native button, forwards consumer attributes and listeners to it, and merges consumer classes after the stable cm-button contract classes. Its default native type is button; set type="submit" explicitly for form submission. The optional leading and trailing slots render icon regions. loading replaces the leading region with a hidden spinner, disables the button, and exposes aria-busy="true" while preserving its label. A non-empty href renders an anchor. Disabled links omit href, expose aria-disabled="true", and suppress consumer click handlers.

Documentation

See the cross-platform Button guide for props, slots, forms, links, accessibility, and matching Annabel Razor usage. See the Card guide for semantic roots and region composition. See the form components guide for Vue binding, choice controls, and accessible forms. See the Accordion guide for controlled state and keyboard behavior. See the display components guide for Badge, Alert, Avatar, Divider, and Skeleton. See the navigation components guide for native links, controlled Tabs, Menu, and Dropdown behavior. See the overlay components guide for modal focus, disclosure state, and Tooltip behavior. See the advanced input guide for native Select and DatePicker binding and CommandPalette state. See the Table and DataTable guide for authored table slots and controlled data requests. See the layout primitives guide for semantic, responsive page composition without runtime behavior.

License

MIT