[Feature Request] Add loading state to `v-breadcrumbs` items
@MatthewAry is already working on this.
Since Feb 27, 2025.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
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
})
)[]
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.