el-descriptions

Name: el-descriptions
Availability: InStock
Author: jiaiyan

Display structured labeled data lists in Element Plus applications.

21|2|Updated Mar 13, 2026

Search Tags:#layout #labels #descriptions #element-plus #ui-component #data-display #el-descriptions

Ready to run

npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-descriptions

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: el-descriptions
Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-descriptions
Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-descriptions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Descriptions component helps display multiple fields in list form, suitable for detail pages and information displays.

Core Features & Use Cases

Flexible field layouts with itemized descriptions and optional borders
Supports vertical/horizontal directions and adjustable sizing
Useful for information-dense pages such as product specs or profile overviews

Quick Start

Create an el-descriptions block in your Vue template and supply el-descriptions-item entries to display labeled data.

Frequently Asked Questions about el-descriptions

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I display structured product specs or user profile data in an Element Plus application?▼

You can display structured data using the el-descriptions component in Element Plus, which renders labeled information in list form for detail pages and profile overviews. Supply el-descriptions-item entries to show each field.

Can I change the layout direction and borders for labeled data display in Vue?▼

Yes, labeled data display supports both vertical and horizontal directions with optional borders. You can adjust the sizing and label widths to fit information-dense pages like product specifications or comparison lists.

What is the best way to present information-dense details like comparison lists in a Vue UI?▼

The best way to present information-dense details is using a descriptions component that organizes multiple fields into a structured list. It handles flexible field layouts with itemized descriptions to keep detail pages clean and readable.

Does Element Plus support item-level controls within a descriptions list?▼

Element Plus supports item-level controls within a descriptions list via el-descriptions-item entries. You can customize each labeled data point individually while maintaining the overall horizontal or vertical layout of the detail page.

When do I need a descriptions component for my Vue detail pages?▼

You need a descriptions component when displaying multiple labeled fields in list form, such as for product specs, user details, or profile overviews. It is ideal when your detail pages require structured, information-dense data presentation.