Skip to content

Home

Jump to bottom
Eugenia edited this page Aug 12, 2026 · 7 revisions

modular-ui-kit Wiki 🛠

Welcome to the modular-ui-kit-vue Wiki!

This is a lightweight UI component library created with Vue, TypeScript, and Sass.

Available Components

Buttons

  • MukButton: Standard action button
  • MukIconButton: svg action button

Form Elements

  • MukCheckbox: Checkbox input component
  • MukInput: Standard text input field
  • MukRadio: Radio button option
  • MukSelect: Dropdown select menu
  • MukTextarea : Multi-line text input field

Feedback & States

  • MukToast / MukToastContainer: Toast notification components
  • MukSkeleton: Skeleton loader for async data
  • MukEmptyState: Placeholder display for empty data views
  • MukErrorState: Placeholder display for error screens

Navigation

  • MukBreadcrumbs: Breadcrumb navigation path
  • MukPagination: Page navigation control

Overlays

  • MukModal: Modal dialog window with color variants

Typography

  • MukText: Standardized typography component

Data Display

  • MukBadge: Compact badge component with icon, text, and size options

⚠️ Upgrading to Version 2.0.0 (Breaking Changes) If you are upgrading from v1.x and your components do not use the Muk prefix (e.g., you were using BaseInput instead of MukInput), please follow these steps to perform a clean reinstallation and flush the package cache:

Uninstall the old version:

npm uninstall modular-ui-kit-vue

Clear the npm cache:

npm cache clean --force

Install the new version 2.0.0:

npm i modular-ui-kit-vue@2.0.0 --legacy-peer-deps

NPM Version NPM Downloads GitHub Clones

Clone this wiki locally