Skip to content

React 示例

¥React Examples

了解如何构建 Floating UI 组件。

¥Learn how to build floating UI components.

基础 UI

¥Base UI

基础 UI 是一个基于 @floating-ui/react 构建的新组件库,由其作者之一开发。它提供了一组预构建的组件,包括工具提示、弹出窗口、下拉菜单、选择和对话框。

¥Base UI is a new component library built with @floating-ui/react, developed by one of its authors. It offers a set of pre-built components, including Tooltip, Popover, Dropdown Menu, Select, and Dialog.

这些是高度完善、可立即投入生产的组件。

¥These are highly polished, production-ready components.

原始 Floating UI

¥Raw Floating UI

基础 UI 尚未包含你需要的所有组件,例如组合框。以下指南可以帮助你学习如何单独使用 @floating-ui/react 来构建更高级的组件:

¥Base UI doesn’t have all components you’ll need yet, such as Combobox. The following guides can help you learn how to build using @floating-ui/react alone to create more advanced components yourself:

CodeSandbox 示例

¥CodeSandbox Examples

更多高级示例可通过 CodeSandbox 演示获取。这些是实验性的示例,尚未完全完善,可能需要进一步完善才能投入生产。

¥More advanced examples are available via a CodeSandbox demo. These are experimental examples that aren’t fully polished and may require further refinement for production use.