Skip to content

BreadcrumbEllipsis โ€‹

Source: client/lib/theme/vueda-tailwind/navigation/index.js

Collapsed-step marker. The interactive state turns it into the dropdown trigger shape.

Vue component: BreadcrumbEllipsis

SlotDefault classesDescription
rootcallbackCollapsed-step marker. The interactive state turns it into the dropdown trigger shape.
labelsr-onlyScreen-reader text for the collapsed-step marker.

root โ€‹

Collapsed-step marker. The interactive state 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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2