VStepperVerticalItem API
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| bg-color | ||
| Applies specified color to the control’s background. Used on components that also support the color prop. - 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 . | ||
| collapse-icon | ||
| con used when the expansion panel is in a collapsable state. | ||
| 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 | ||
| Disables the expansion-panel content. | ||
| eager | ||
| Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO. | ||
| edit-icon | ||
| Icon to display when step is editable. | ||
| editable | ||
| Marks step as editable. | ||
| elevation | ||
| Designates an elevation applied to the component between 0 and 24. You can find more information on the elevation page . | ||
| error | ||
| Puts the stepper item in a manual error state. | ||
| error-icon | ||
| Icon to display when step has an error. | ||
| expand-icon | ||
| Icon used when the expansion panel is in a expandable state. | ||
| focusable | ||
| MISSING DESCRIPTION | ||
| hide-actions | ||
| Hide the expand icon in the content title. | ||
| icon | ||
| Apply a specific icon using the v-icon component. | ||
| readonly | ||
| Makes the expansion-panel content read only. | ||
| ripple | ||
| Applies the v-ripple directive. | ||
| rounded | ||
| Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page . | ||
| 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. | ||
| static | ||
| Remove title size expansion when selected. | ||
| subtitle | ||
| Specify a subtitle text for the component. | ||
| tag | ||
| Specify a custom tag used on the root element. | ||
| text | ||
| Specify content text for the component. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
| title | ||
| Specify a title text for the component. | ||
| value | ||
| Controls the opened/closed state of content. | ||
事件
| 名称 | 类型 |
|---|---|
| click:finish | |
| Event emitted when clicking the finish button | |
| click:next | |
| Event emitted when clicking the next button | |
| click:prev | |
| MISSING DESCRIPTION | |
插槽
| actions |
| MISSING DESCRIPTION |
| default |
| The default Vue slot. |
| icon |
| MISSING DESCRIPTION |
| next |
| MISSING DESCRIPTION |
| prev |
| MISSING DESCRIPTION |
| subtitle |
| Slot for the component’s subtitle content. |
| text |
| Slot for the component’s text content. |
| title |
| Slot for the component’s title content. |