jiaiyan/element-plus-skills - Page 2

el-message-box

MessageBox component for modal dialogs simulating system alerts, confirms, and prompts. Invoke when user needs to show alert messages, confirm actions, or prompt for user input.

el-message

Message notification component for displaying feedback messages. Invoke when user needs to show success, warning, error, or info messages.

el-notification

Notification component for displaying notification messages at the corner of the page. Invoke when user needs to show persistent notifications with custom content.

el-page-header

PageHeader component for page navigation headers. Invoke when user needs to create page headers with back navigation, breadcrumbs, or title sections.

el-pagination

Pagination component for splitting large datasets into pages. Invoke when user needs to display paginated data, navigate through pages, or control page size and current page.

el-popconfirm

Popconfirm component for simple confirmation dialogs. Invoke when user needs to confirm actions before execution, like delete operations or irreversible actions.

el-popover

Popover component for displaying rich content in a popup. Invoke when user needs to show complex content, nested operations, or rich information in a popup.

el-progress

Progress component for showing operation progress and status. Invoke when user needs to display upload progress, task completion, or loading states.

el-radio

Radio component for single selection among multiple options. Invoke when user needs to allow users to select one option from a list, create radio groups, or implement mutually exclusive choices.

el-rate

Rate component for rating functionality. Invoke when user needs to collect user ratings, display star ratings, or allow feedback scoring.

el-result

Result component for feedback on operation results. Invoke when user needs to display success, error, warning, or info result pages with custom content.

el-scrollbar

Scrollbar component for custom scrollbars. Invoke when user needs to replace native scrollbars, create custom scroll areas, or implement infinite scrolling.

el-segmented

Segmented component for single option selection from multiple options. Invoke when user needs to create radio-style button groups, tab-like controls, or option switches.

el-select

Select dropdown component for single or multiple selection with filtering, remote search, and grouping. Invoke when user needs dropdown selection functionality.

el-select-v2

Virtualized Select component for large datasets. Invoke when user needs to select from thousands of options with virtual scrolling for performance.

el-skeleton

Skeleton component for loading placeholders. Invoke when user needs to display loading states, content placeholders, or improve perceived loading performance.

el-slider

Slider component for dragging within a fixed range. Invoke when user needs to select numeric values within a range, set volume/brightness, or filter by price range.

el-space

Space component for consistent spacing between elements. Invoke when user needs to create consistent gaps between components, layout spacing, or element arrangement.

el-splitter

Splitter component for dividing areas horizontally or vertically. Invoke when user needs to create resizable panels, split views, or collapsible layouts.

el-statistic

Statistic component for displaying numerical statistics. Invoke when user needs to display counts, amounts, rankings, or countdown timers.

el-steps

Steps component for guiding users through processes. Invoke when user needs to display step progress, wizard interfaces, or process workflows.

el-switch

Switch component for toggling between two opposing states. Invoke when user needs to enable/disable features, toggle settings, or switch between on/off states.

el-table

Table component for displaying data with sorting, filtering, selection, and pagination. Invoke when user needs to display tabular data or implement data grid functionality.

el-table-v2

Virtualized Table component for rendering massive data efficiently. Invoke when user needs to display large datasets with virtual scrolling for performance.

el-tabs

Tabs component for dividing data collections into different types. Invoke when user needs to create tabbed interfaces, dynamic tabs, or card-style tabs.

el-tag

Tag component for marking and selection. Invoke when user needs to display labels, categories, or removable tags for filtering and categorization.

el-text

Text component for text display with styling options. Invoke when user needs to display styled text, truncated text, or text with semantic types.

el-time-picker

TimePicker component for time input. Invoke when user needs to select time values, time ranges, or limit time selections.

el-time-select

TimeSelect component for selecting from fixed time options. Invoke when user needs to select from predefined time slots or schedule times.

el-timeline

Timeline component for visually displaying timeline activities. Invoke when user needs to display chronological events, activity history, or process logs.

el-tooltip

Tooltip component for displaying prompt information on mouse hover. Invoke when user needs to show hints, tips, or additional information on hover.

el-tour

Tour component for guiding users through products. Invoke when user needs to create product tours, onboarding guides, or feature walkthroughs.

el-transfer

Transfer component for dual-column list selection. Invoke when user needs to move items between two lists, select multiple items from a large dataset, or manage permissions.

el-tree-select

TreeSelect component combining Tree and Select functionality. Invoke when user needs to select from hierarchical data in a dropdown, like organization structures or category trees.

el-tree

Tree component for displaying hierarchical data with selection, filtering, and drag-drop support. Invoke when user needs to display folder structures, organization charts, category trees, or any hierarchical data with expandable nodes.

el-tree-v2

Virtualized Tree component for large hierarchical datasets with blazing fast scrolling. Invoke when user needs to display large tree structures (1000+ nodes) with virtual scrolling for performance.

el-upload

Upload component for file uploads via click or drag-and-drop. Invoke when user needs to upload files, images, or documents with preview, validation, and progress tracking.

el-watermark

Watermark component for adding text or pattern watermarks. Invoke when user needs to protect content, brand documents, or add copyright notices.

element-plus-components

Element Plus component overview and navigation index. Invoke when user needs to browse all available components, find specific component categories, or navigate to detailed component skill files.

element-plus-dark-mode

Enables and customizes dark mode for Element Plus applications. Invoke when user needs to implement dark mode, toggle themes, or customize dark mode styles.