mui / mui/base-ui

[scroll area] Add `ScrollArea.ScrollButton` component

Open
#2,449 0 comments 0 reactions 0 assignees View on GitHub
component: scroll area type: new feature
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

# Feature request

## Summary

A component that becomes visible when Scroll Area's content is overflowing at the start or the end (or both).

The component could accept props such as:

- whether it should target content overflowing at the start or the end of the container (this can also be implemented as two separate components)
- a scroll target for when the button is clicked (defaults to `0` for start, `scollHeight` for end)

## Examples in other libraries

Not another library per se, but this pattern can be found in Slack:

![Image](https://github.com/user-attachments/assets/3911eee8-638a-426c-bc3f-76993e1565a3)

## Motivation

This component can be useful when it's important to give end users a strong (actionable) visual hint about there being more hidden (overflowing) content.

This pattern can be currently implemented in consumerland similarly to what descripted in #2444

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.