Select
Dropdown selector for choosing a value from a set of options.
案例展示
Select 在实际场景中的使用示例
基础选择器(自适应宽度)
分组选项
表单中的选择器(不同宽度)
动效展示
使用 framer-motion 实现的各种打开动效
滑动动效 (Slide)
弹性动效 (Spring)
淡入动效 (Fade)
非异形触发器
常规圆角和其他形状的触发器样式
圆形触发器 (Rounded Full)
方形触发器 (Square)
小圆角触发器 (Rounded MD)
双箭头图标 (Double Arrow)
图标动画
触发器图标在打开/关闭时的动画效果
点击下方 Select 查看图标旋转动画(箭头会在打开时旋转 180 度)
状态展示
不同状态的 Select 组件
所有尺寸
已选中状态
禁用状态
部分选项禁用
宽度适应
Select 宽度由容器或 className 控制