element-plus-divider

Document Element Plus Divider attributes, slots, and configuration options.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a dedicated reference for the Element Plus Divider component so you can confidently configure direction, style, and content positioning without digging through scattered docs.

Core Features & Use Cases

  • Attribute matrix: Summarizes direction, border-style, and content-position options plus their defaults and types.
  • Slot guidance: Explains how to supply customized content along the divider line.
  • Use Case: When designing a form or card layout, consult this Skill to choose the right divider settings for spacing and visual emphasis.

Quick Start

Ask about el-divider attributes to determine how to align or style dividers in your interface.

Frequently Asked Questions about element-plus-divider

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

FAQPage Schema
How do I configure el-divider direction and border style in Element Plus?

To configure el-divider direction and border style, set the direction attribute for horizontal or vertical orientation and apply border-style options to define the line appearance with their respective default types.

What attributes are available for the Element Plus divider component?

Element Plus divider attributes include direction, border-style, and content-position. This Skill provides an attribute matrix summarizing their available options, types, and defaults for precise UI layout configuration.

Can I put custom content inside an el-divider using slots?

Yes, you can supply customized content inside an el-divider using slots. The divider component supports slot guidance to position text or elements along the divider line based on content-position settings.

How do I align content position on an Element Plus divider line?

To align content position on an Element Plus divider, use the content-position attribute. This setting controls where customized slot content appears along the horizontal divider line for layout emphasis.

When should I use a vertical el-divider in my UI layout?

Use a vertical el-divider when separating elements side-by-side in your UI layout. Set the direction attribute to vertical to achieve proper spacing and visual separation between adjacent components.