repository·main·Indexed 12 days ago
https://github.com/vuecomponent/ant-design-vueAn enterprise-class UI component library for Vue.js based on the Ant Design design system. It supports Vue 2, Vue 3 (including Vue 3.4), Server-side Rendering (SSR), and Electron. Version 4.2.6 features a transition to CSS-in-JS for dynamic theming, a unified Popup API using the 'open' property, and new components such as Segmented, WaterMark, QrCode, FloatButton, and Tour.
Tour component is used to provide step-by-step guided tours to help users understand product features. It uses bubble-style cards to point at specific elements on the page. It was introduced in version 4.0.0.The Message component provides lightweight, non-interruptive feedback (success, warning, error, info, loading) that appears at the top center of the screen and automatically disappears. It can be used via static methods or through a hook to maintain Vue context.
import { message } from 'ant-design-vue';
// Basic usage
message.success('Operation successful');
message.error('An error occurred');
message.warning('Warning message');Segmented component is used to display multiple options and allow users to select a single option. It is typically used when switching the selected option should trigger changes in an associated content area.The Divider component is used to separate content. Common use cases include:
Alert component is used to display feedback messages to users. It can be used as a persistent static container that can be made closable by user actions. It supports different styles via the type property and can be rendered in a banner mode.Ant Design Vue is designed for enterprise-class desktop applications and supports the following environments:
Slider component is a sliding input used to select a value or a range of values within a continuous or discrete interval. It can be configured for single selection or dual-handle range selection.Statistic component is used to display statistical values, making specific numbers or groups of numbers stand out. It is ideal for presenting data accompanied by descriptions or titles.Statistic component is used to highlight specific data points or display statistical information accompanied by a description. It supports formatting via separators, precision control, and custom rendering through slots.Collapse component is used to group and hide complex content areas to keep the page clean. It supports an 'accordion' mode where only one panel can be expanded at a time.Tag component is used to display small labels for marking attributes, dimensions, or categories of an item.QRCode component is used to convert a link or string into a scannable QR Code. It supports different rendering types, custom icons, and adjustable error correction levels.