MtStepItem
props
| Key | Type | Default | Description |
|---|---|---|---|
stepItem | [] | stepItem means how many highlight element in this step. | |
stepItem[].selector | string | any selector like #id, .class etc. | |
stepItem[].hint | object | hint is optional, you can only highlight elements without hint | |
stepItem[].hint?.text | string | hint text | |
stepItem[].hint?.position | string | top | hint text position |
stepItem[].isPointerEventsDisabled | boolean | false | disabled your highlight element's pointer-events |
interface Props { stepItem: { selector: string hint?: { text: string position?: 'top' | 'right' | 'bottom' | 'left' } isPointerEventsDisabled?: boolean }[]}slots
For customize hint
| Slots name | Description |
|---|---|
hint-${index} | customize this step's hint, the index is stepItem's index |
main-hint | sometimes, we need multiple highlight elements, but only need one hint, we can use the main-hint slot to do this, but the main-hint slot is a very advance slot, you need detail some style. |