Base-UI Custom (Extended Select)

This package keeps all other Base UI components unchanged and only extends the Select component by adding two optional props— loopFocus and closeOnSelect.

✨ Features

loopFocus

• Type: boolean
• Default: true
• Controls whether keyboard navigation loops from the last item back to the first (and vice versa).
• Set to false to disable looping.

closeOnSelect

• Type: boolean
• Default: false
• Determines whether the Select dropdown closes immediately after the user selects an item.
• Set to true to close the menu on the first selection.

Installation(custom)

Install the package in your project directory with:

npm @base-ui-components-custom/react

Base-UI

Base UI is a library of unstyled React components. You gain complete control over your app's CSS and accessibility features.

Installation(regular)

Install the package in your project directory with:

npm install @base-ui/react

Documentation

Visit base-ui.com to view the full documentation.

Questions

For how-to questions that don't involve making changes to the code base, please use Stack Overflow instead of GitHub issues. Use the "base-ui" tag on Stack Overflow to make it easier for the community to find your question.

Contributing

Read the contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.

Contributing to Base UI is about more than just issues and pull requests! There are many other ways to support Base UI beyond contributing to the code base.

Changelog

The changelog is regularly updated to reflect what's changed in each new release.

Roadmap

Future plans and high-priority features and enhancements can be found in the roadmap.

License

This project is licensed under the terms of the MIT license.

Security

For details of supported versions and contact details for reporting security issues, please refer to the security policy.