El Infinite Scroll
InfiniteScroll directive for loading more data when scrolling to bottom. Invoke when user needs to implement infinite scrolling, lazy loading, or pagination on scroll.
El Autocomplete
Autocomplete component for input suggestions. Invoke when user needs to provide input suggestions, autocomplete functionality, or search-as-you-type features.
El Menu
Menu component for website navigation with horizontal and vertical modes. Invoke when user needs to create navigation menus, sidebars, or dropdown menus.
El Anchor
Anchor component for anchor navigation. Invoke when user needs to create page anchor navigation, table of contents, or quick navigation to specific sections.
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 Collapse
Collapse component for storing expandable content. Invoke when user needs to create accordion panels, FAQ sections, or collapsible content areas.
El Avatar
Avatar component for representing people or objects with images, icons, or characters. Invoke when user needs to display user avatars, profile pictures, or entity representations.
El Container
Container components for scaffolding basic page structure with header, aside, main, and footer sections. Invoke when user needs to create page layouts.
El Alert
Alert component for displaying important alert messages. Invoke when user needs to show non-dismissible notifications, status messages, or important information that requires user attention.
El Descriptions
Descriptions component for displaying multiple fields in list form. Invoke when user needs to display detailed information, product specifications, or profile data.
El Loading
Loading component for showing animation while loading data. Invoke when user needs to display loading states, async operation feedback, or data fetching indicators.
El Config Provider
ConfigProvider component for global configuration. Invoke when user needs to configure global settings, i18n, theme, or component defaults.
El Form
Form component for data collection, validation, and submission. Invoke when user needs to create forms, implement validation, or handle form data.
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 Message
Message notification component for displaying feedback messages. Invoke when user needs to show success, warning, error, or info messages.
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 Dialog
Dialog modal component for displaying content in a layer above the page. Invoke when user needs modal dialogs, confirmations, or form popups.
El Color Picker
ColorPicker component for color selection. Invoke when user needs to select colors, set theme colors, or customize color values.
El Button
Button component with various types, sizes, and styles. Invoke when user needs to implement buttons, button groups, or customize button appearance.
El Checkbox
Checkbox component for multiple choice selection. Invoke when user needs to allow users to select multiple options from a list, create check-all functionality, or toggle between states.
El Drawer
Drawer component for displaying content in a slide-out panel. Invoke when user needs to create side panels, slide-out menus, or form drawers.
El Carousel
Carousel component for looping images or texts in limited space. Invoke when user needs to display image sliders, content carousels, or rotating banners.
El Color Picker Panel
ColorPickerPanel is the core panel component of ColorPicker for custom color selection UI. Invoke when user needs to build custom color picker interfaces without the dropdown wrapper.
El Breadcrumb
Breadcrumb component for displaying the location of the current page. Invoke when user needs to show navigation paths, page hierarchy, or enable easier browsing back.
El Image
Image component with lazy load, placeholder, and preview features. Invoke when user needs to display images with loading states, error handling, or preview functionality.
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 Input
Input component for text entry with multiple types, validation, and formatting. Invoke when user needs to implement text input, textarea, or password input.
El Date Picker
DatePicker component for date input. Invoke when user needs to select dates, date ranges, months, years, or datetime values.
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 Icon
Icon component for displaying SVG icons. Invoke when user needs to display icons, customize icon sizes and colors, or use Element Plus icon collection.
El Date Picker Panel
DatePickerPanel is the core panel component of DatePicker for custom date selection UI. Invoke when user needs to build custom date picker interfaces without the dropdown wrapper.
El Input Tag
InputTag component for adding content as tags. Invoke when user needs to create tag inputs, multi-value inputs, or keyword/tag entry fields.
El Cascader
Cascader component for hierarchical option selection. Invoke when user needs to select from multi-level data like regions, categories, or organizational structures.
El Dropdown
Dropdown component for toggleable menus displaying lists of links and actions. Invoke when user needs to create dropdown menus, action menus, or context menus.
El Calendar
Calendar component for displaying dates. Invoke when user needs to display a calendar view, select dates, or show scheduled events.
El Mention
Mention component for mentioning users or items in input. Invoke when user needs to implement @mentions, user tagging, or item references in text inputs.
Element Plus Skills
Element Plus Skills Library - A comprehensive skill library for AI agents to understand and utilize Element Plus UI components. Invoke when user needs to work with Element Plus components, theming, i18n, dark mode, or design specifications.
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 Affix
Affix component for fixing elements to a specific visible area. Invoke when user needs to create sticky navigation, fixed headers, or elements that remain visible while scrolling.
El Popconfirm
Popconfirm component for simple confirmation dialogs. Invoke when user needs to confirm actions before execution, like delete operations or irreversible actions.
El Progress
Progress component for showing operation progress and status. Invoke when user needs to display upload progress, task completion, or loading states.
El Link
Link component for text hyperlinks. Invoke when user needs to create text links, navigation links, or styled anchor elements.
El Input Number
InputNumber component for numeric input with controls. Invoke when user needs to input numbers with increment/decrement buttons, set numeric ranges, or enforce numeric input.
El Badge
Badge component for displaying numbers or status marks on buttons and icons. Invoke when user needs to show notification counts, status indicators, or attention markers.
El Card
Card component for integrating information in a card container. Invoke when user needs to display grouped content, dashboard cards, or content sections with headers.
El Backtop
Backtop component for back-to-top button. Invoke when user needs to provide quick navigation back to the top of a long page.
El Rate
Rate component for rating functionality. Invoke when user needs to collect user ratings, display star ratings, or allow feedback scoring.
El Empty
Empty component for placeholder hints in empty states. Invoke when user needs to display empty data states, no results found, or placeholder content.
El Divider
Divider component for separating content. Invoke when user needs to create visual separation between content sections, add horizontal or vertical dividers.
El Datetime Picker
DateTimePicker component for selecting date and time together. Invoke when user needs to select both date and time in a single picker.