StepperSeparator
Source: client/lib/theme/vueda-tailwind/shell/index.js
The connector line between steps. It stays muted for upcoming or disabled steps and switches to accent after completion.
Vue component: StepperSeparator
| Slot | Default classes | Description |
|---|---|---|
| root | 4 classes | The connector line between steps. It stays muted for upcoming or disabled steps and switches to accent after completion. |
root
The connector line between steps. It stays muted for upcoming or disabled steps and switches to accent after completion.
Default classes:
text
flex-1 h-0.5 min-w-6 rounded-sm mt-4 transition-colors
bg-muted
group-data-[disabled]:bg-muted group-data-[disabled]:opacity-50
group-data-[state=completed]:bg-accentSource: client/lib/theme/vueda-tailwind/shell/StepperSeparator.theme.js:18