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.
themeOverrideString|Object|ArraynullA partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
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

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