BreadcrumbEllipsis โ
Source: client/lib/theme/vueda-tailwind/navigation/index.js
Collapsed-step marker. The
interactivestate turns it into the dropdown trigger shape.
Vue component: BreadcrumbEllipsis
| Slot | Default classes | Description |
|---|---|---|
| root | callback | Collapsed-step marker. The interactive state turns it into the dropdown trigger shape. |
| label | sr-only | Screen-reader text for the collapsed-step marker. |
root โ
Collapsed-step marker. The
interactivestate turns it into the dropdown trigger shape.
Callback:
javascript
({ interactive }) => ({
class: [
"flex size-7 items-center justify-center",
interactive &&
"cursor-pointer rounded-vueda-control transition-colors hover:bg-accent hover:text-foreground active:bg-accent-active focus-visible:focus-ring",
],
})Source: client/lib/theme/vueda-tailwind/navigation/BreadcrumbEllipsis.theme.js:16
label โ
Screen-reader text for the collapsed-step marker.
Default classes:
sr-only
Source: client/lib/theme/vueda-tailwind/navigation/BreadcrumbEllipsis.theme.js:24