element-plus-descriptions

Document Element Plus el-descriptions attributes and slots for Vue.js layouts.

7|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-descriptions
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: element-plus-descriptions
Source: https://github.com/wepn13232/element-plus-skills/tree/main/descriptions
Command: npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-descriptions

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Element Plus developers often switch between scattered documentation to understand the border, column, slot, and alignment options for Descriptions, so this skill keeps the curated API summary directly in conversation and speeds up implementation.

Core Features & Use Cases

  • Attribute reference: Lists every property such as border, column, direction, size, title, and extra with their types and defaults.
  • Slot guidance: Explains default, title, extra, and DescriptionsItem slots so users can craft complex content structures.
  • Use case: When building a bordered summary card, read the table to match column spans, label widths, and alignment before writing template code.

Quick Start

Show me the el-descriptions attributes, slots, and reference link for building a bordered layout.

Frequently Asked Questions about element-plus-descriptions

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

FAQPage Schema
How do I configure el-descriptions attributes for a bordered layout in Vue?

To configure el-descriptions for a bordered layout, set the border attribute to true. You can also adjust column, direction, size, title, and extra properties to control the overall Descriptions component structure.

What slots are available in Element Plus Descriptions for custom content?

Element Plus Descriptions provides default, title, and extra slots for custom content. DescriptionsItem also supports its own slots, allowing you to craft complex content structures within the summary card.

Can I use el-descriptions to build a summary card with custom column spans?

Yes, el-descriptions is designed for building bordered summary cards. You can match column spans, label widths, and alignment options by referencing the attribute table before writing your Vue template code.

What are the default values for el-descriptions properties like column and size?

The el-descriptions API reference lists every property with its specific types and defaults, including column, direction, and size, ensuring you configure the Descriptions layout correctly without guessing defaults.

Does Element Plus Descriptions support custom label widths and alignment?

Element Plus Descriptions supports customizing label widths and content alignment. Developers can read the curated API summary to match these alignment options correctly before implementing the component template.