mui / mui/base-ui

[combobox][select] List header with "Select all visible"

Open
#4,927 7 comments 2 reactions 0 assignees View on GitHub
component: combobox component: select has workaround type: new feature
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

# Feature request

## Summary

I'd like to request support for a built-in way to render a "Select all visible" option so selecting mutlitple options can be done with 1 click on top pinned item in Combobox list.
My suggestion is to add new components - ListHeader and SelectAll so usage may look like this:
```tsx





{(item) => (

{item.label}

)}

```

## Examples in other libraries

[Prime React](https://primereact.org/multiselect/)

## Motivation

I'm trying to create a combobox with top pinned option that changes selection for all visible options.

Image

I was able to achive that behaviour with controlled api and some additional context, but I think it would be nice to have same functionality out of the box and for uncontrolled component as well.

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.