[Legend] Enable overflow scrolling with pagination
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.3k
- Forks
- 41
- Avg merge
- 2d 19h
- Merged PRs (30d)
- 16
Description
While you can enable overflow scrolling using:
<Legend placement="top-left" classes={{ root: 'right-0 overflow-auto scrollbar-none' }} />
it would be nice if there was also arrows shown dynamically when overflow exists, and click on it steps left/right 1 page (similar to MUI's Scrollable Tabs and Skeleton's Multi-Column examples).
Contributor guide
No contributing guide indexed for this repository
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.
Research direction
Start at the Legend component and inspect how the existing overflow styling is applied through the classes prop. Add dynamically shown left and right arrows when content overflows, with each click moving one page; verify the behavior against the MUI Scrollable Tabs and Skeleton Multi-Column examples.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100