Skip to content

BreadcrumbEllipsis ​

Overview ​

An ellipsis indicator for collapsed breadcrumb items. Defaults to an ornamental span; set interactive to render a focusable button suitable for triggering a dropdown of collapsed trail levels.

Theme entry: BreadcrumbEllipsis

Props ​

NameTypeRequiredDefaultDescription
iconOverrideObjectnullA partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
interactivebooleanfalseWhen true, the ellipsis renders as a <button> with hover and focus-visible styling, intended as the trigger for a collapsed-trail dropdown. When false (default), it renders as an ornamental <span>.

Source ​

client/lib/navigation/breadcrumb/BreadcrumbEllipsis.vue