Ant Design StyleAnt Design Style
快速上手
最佳实践
API
更新日志
⌘ K
最佳实践与案例集
样式书写
父子联动的样式书写
CSS Modules 全局样式覆写迁移
主题定制
扩展自定义 Token 类型定义
自定义 antd 组件样式
antd 静态方法的主题失效
主题切换
暗色模式下首屏会 “闪” 一下
组件库研发
🚧 基于 antd v5 二次封装组件库
样式案例
黏土风 UI
样式组件
自定义组件： MacOS 选择器
上一篇
样式组件

相关资源

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 选择器

这是一个结合 floating-ui 与 antd-style 实现的 macOS 交互风格的选择器。如果用腻了 antd 默认的选择器，但又希望有 antd 的视觉风格，可以使用 antd-style 来实现自己的交互组件。

主题模式：auto
外观模式：light
主题模式:
macOS：
antd：
🍎 苹果
MacOS 选择器

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