skills.rest
wepn13232
wepn13232COMMUNITY
Explore all skills by this author →
GitHub

element-plus-card

Document Element Plus el-card attributes, slots, and styling patterns.

7|Updated Mar 31, 2026
Search Tags:#vue#ui-components#slots#component-api#card#element-plus
One-click install
npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-card
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: element-plus-card
Source: https://github.com/wepn13232/element-plus-skills/tree/main/card
Command: npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-card

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides quick, focused reference so developers no longer have to hunt through lengthy docs when implementing the Element Plus el-card component with confidence.

Core Features & Use Cases

  • Attribute Matrix: Lists all el-card props such as header, footer, body-style, and shadow so you know which options control layout, styling, and behavioral nuances.
  • Slot Guidance: Clarifies the default, header, and footer slots, enabling you to customize the card content structure without guesswork.
  • Reference Link: Points to the official documentation so you can jump to the canonical source for deeper examples and updates when integrating cards into dashboards or panels.

Quick Start

Ask the skill to enumerate el-card attributes, slots, and usage tips for a new Vue layout.

Frequently Asked Questions about element-plus-card

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

FAQPage Schema
How do I use the el-card component API in Vue with Element Plus?▼

To use the el-card component API in Vue, you configure its attributes like header, footer, body-style, and shadow. This provides quick reference for attributes, slots, and styling patterns to implement Element Plus cards consistently.

What slots are available for the Element Plus card component?▼

The Element Plus card component provides default, header, and footer slots. These slots enable you to customize the card content structure directly without guesswork when building Vue UIs.

Which el-card props control layout and styling in Element Plus?▼

The el-card props controlling layout and styling in Element Plus include header, footer, body-style, and shadow. Checking the attribute matrix clarifies which options manage layout, styling, and behavioral nuances.

How do I customize the header and footer of an el-card in Vue?▼

You customize the header and footer of an el-card in Vue by utilizing the dedicated header and footer slots. Slot guidance clarifies content structure customization, while body-style adjusts internal padding.

Where can I find official documentation for Element Plus card usage?▼

You can find official documentation for Element Plus card usage through the reference links provided by the skill. It points to the canonical source for deeper examples and updates when integrating cards into dashboards.

Related Skills

Explore More Software Engineering Skills→
jiaiyanjiaiyan
21

el-icon

Create reusable SVG icon components for Element Plus with size and color props.

Community
Basic
jiaiyanjiaiyan
21

el-drawer

Create slide-out drawer panels with configurable attributes, events, and slots in Vue 3 Element Plus apps.

Community
Advanced
wepn13232wepn13232
7

element-plus-calendar

Summarize the Element Plus el-calendar API attributes, slots, and exposes.

Community
Basic
thc1006thc1006
20

web-component-design

Build scalable UI component patterns across React, Vue, and Svelte.

Community
Advanced