Ant Design StyleAnt Design Style
Quick Start
Best Practices
API Reference
Release Notes
⌘ K
Best Practices and Case Studies
Writing Style
CSS Modules Global Style Override Migration
Writing Linked Styles for Parent-Child Components
Theme Customization
Customizing Ant Design Component Styles
Extending Custom Token Type Definition
Failure of antd Static Methods to Respond to Themes
Theme Switching
Flashing Issue in Dark Mode
UI Library Development
🚧 Styling Best Practices for Customizing Components Based on antd v5
Style Cases
Clay Style UI
Custom Component —— macOS Selector
Style Components
PREV
Clay Style UI
NEXT
Style Components

相关资源

Ant Design
Ant Design Pro
Ant Design Pro Components
Umi-React 应用开发框架
Dumi-组件/文档研发工具
qiankun-微前端框架

社区

Medium
Twitter
yuqueAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconfSEE Conf-SEE Conf-蚂蚁体验科技大会

帮助

GitHub
更新日志
讨论

more products更多产品

yuque语雀-知识创作与分享工具
AntVAntV-数据可视化解决方案
EggEgg-企业级 Node.js 框架
kitchenKitchen-Sketch 工具集
xtech蚂蚁体验科技
Copyright © 2022-2024
Made with ❤️ by 蚂蚁集团 - AFX & 数字科技
‌
‌
‌
‌

MacOS Selector

This is a macOS-style interactive selector that combines floating-ui with the antd-style. If you are tired of the default selector in antd but still want to maintain the visual style of antd, you can use antd-style to create your own interactive components.

MacOS 选择器

演示使用 antd-style 如何实现一个适配 antd 主题风格的组件

主题模式：auto
外观模式：light
主题模式:
macOS：
antd：
🍎 苹果