Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add possibility of the Select component to render additional elements in dropdown #34516

Open
2 tasks done
shestakova1806 opened this issue Sep 29, 2022 · 3 comments
Open
2 tasks done
Assignees
Labels
component: select This is the name of the generic UI component, not the React module! new feature New feature or request package: material-ui Specific to @mui/material

Comments

@shestakova1806
Copy link

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Summary 💡

It should be a possibility in dropdown of Select component to add some additional elements. It could be an additional fixed section in dropdown where developers can add necessary elements with their own functionality.

Examples 🌈

For example, we need to have controlled Select with 3 buttons in the dropdown to control the multiple selections.

Screenshot 2022-09-29 at 14 32 19

Motivation 🔦

For now there is no such possibility in the Select component and we have to implement the section with necessary buttons with hacky approach (the only one existing approach using MUI API): MenuItem component is used as container for menu items block and actions buttons block, but logically that implementation is incorrect.

@shestakova1806 shestakova1806 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Sep 29, 2022
@mnajdova mnajdova added new feature New feature or request component: select This is the name of the generic UI component, not the React module! labels Sep 30, 2022
@michaldudak
Copy link
Member

The Unstyled Select component from MUI Base has the feature you're asking for. We are going to use it in Material UI Select's implementation in the future, so it'll be possible to use arbitrary elements in it as well. I can't, however, commit to a timeframe for this yet.
I'll keep this issue open so we can track it.

@michaldudak michaldudak added package: material-ui Specific to @mui/material and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Oct 4, 2022
@shestakova1806
Copy link
Author

@michaldudak Thanks for your answer. I hope we will be successful with implementation of our component with Unstyled Select.

@michaldudak
Copy link
Member

If you encounter any problems or just have general feedback about the Unstyled Select, I'd be most grateful if you let me know.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: select This is the name of the generic UI component, not the React module! new feature New feature or request package: material-ui Specific to @mui/material
Projects
None yet
Development

No branches or pull requests

5 participants