element-plus-slider

Summarize Element Plus el-slider attributes and events for Vue range inputs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It surfaces the Element Plus slider (el-slider) API so you can answer questions about component attributes, events, and accessibility without browsing the docs.

Core Features & Use Cases

  • Full Attribute Snapshot: Covers props such as model-value, min, max, range, tooltip options, step modes, and accessibility labels with defaults and types.
  • Event Reference: Details change and input events to show when value updates fire during user interaction.
  • Use Case: When designing a Vue slider for volume control or range filtering, request the slider props to configure marks, disabled states, tooltip formatting, and range behavior consistently.

Quick Start

Ask for el-slider properties and events to configure a Vue slider control for your form.

Frequently Asked Questions about element-plus-slider

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

FAQPage Schema
What Element Plus slider attributes are available for configuring a range input?

Element Plus slider attributes include model-value, min, max, range, step modes, tooltip options, and accessibility labels. These props allow you to configure disabled states, marks, and tooltip formatting for Vue slider components consistently.

How do I configure marks and disabled states on an el-slider component?

To configure marks and disabled states on an el-slider, you request the slider props to set marks, disabled states, tooltip formatting, and range behavior consistently. This provides API-level defaults and validation toggles for precise configuration.

When do change and input events fire on an Element Plus slider?

Change and input events on an Element Plus slider fire during user interaction when value updates occur. The event reference details show exactly when these updates trigger as the slider value changes.

Can I use el-slider for volume control or range filtering in a Vue form?

Yes, you can use el-slider for volume control or range filtering in a Vue form. When designing these scenarios, request the slider props to configure marks, disabled states, tooltip formatting, and range behavior consistently.

Does the Element Plus slider support tooltip placement and formatting callbacks?

The Element Plus slider supports tooltip placement and formatting callbacks. It provides API-level defaults, accessibility labels, formatting callbacks, and validation toggles so you can set the right props without browsing external documentation.