Skip to content

[Feature Request] Add loading state to v-breadcrumbs items #21034

Description

@MatthewAry

Problem to solve

Sometimes, when I navigate to the page, I won't know ahead of time what items will be in my breadcrumbs without an API request. If I know which items are pending then I can show a loading skeleton loader. Currently I am able to give my breadcrumb item objects any property of my choosing, including one that indicates if the item is loading, but the TS Type is not happy about me using a property that is not defined by the type.

Proposed solution

I simply want the type to be updated to allow arbitrary properties beyond what is currently defined and for there to be guarantees that the object that reaches the item slot will be unchanged from what I passed in.

Change the type from this https://vuetifyjs.com/en/components/breadcrumbs/#props-items to this

type items = (
  string 
  | (Partial<LinkProps> & {
      title: string
      disabled: boolean
      [key: PropertyKey]: any
    })
)[]

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions