VStepperItem API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| complete | ||
| Marks step as complete. | ||
| complete-icon | ||
| Icon to display when step is marked as completed. | ||
| disabled | ||
| Removes the ability to click or target the component. | ||
| edit-icon | ||
| Icon to display when step is editable. | ||
| editable | ||
| Marks step as editable. | ||
| error | ||
| Puts the stepper item in a manual error state. | ||
| error-icon | ||
| Icon to display when step has an error. | ||
| icon | ||
| Apply a specific icon using the v-icon component. | ||
| ripple | ||
| Applies the v-ripple directive. | ||
| rules | ||
| Accepts a mixed array of types function, boolean and string. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string. | ||
| selected-class | ||
| Configure the active CSS class applied when an item is selected. | ||
| subtitle | ||
| Specify a subtitle text for the component. | ||
| title | ||
| Specify a title text for the component. | ||
| value | ||
| The value used when the component is selected in a group. If not provided, a unique ID will be used. | ||
事件
| 名称 | 类型 |
|---|---|
| group:selected | |
| Event that is emitted when an item is selected within a group. | |
插槽
| default |
| The default Vue slot. |
| icon |
| Slot for customizing all stepper item icons. |
| subtitle |
| Slot for the component’s subtitle content. |
| title |
| Slot for the component’s title content. |