mui / mui/material-ui

[Breadcrumbs] Collapsed component

Open
#23,240 3 comments 5 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

scope: breadcrumbs type: new feature
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

  • Firstly, It appears now that after clicking the collapsed component to expand the breadcrumbs, we don't have any options to back from expand mode to collapsed mode?
  • Secondly, is there anyway to unactive the action onClick on collapsed component (for my project now I want to implement a pop-up when hovering on the collapsed component?).
  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

  • Add an option (maybe a button) so that we can click to back from expand mode to collapsed mode.
  • Maybe we can pass a custom component as a collapsed component and added a prop (expanded or not) so that we can control the expand/collapsed of breadcrumbs from parent component.

Benchmark

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the Breadcrumbs component and compare its current collapsed behavior with the BlueprintJS breadcrumbs example linked in the issue. Define how users would return to the collapsed state and whether a custom collapsed component can control expansion; done means both requested interaction options are supported and documented.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.