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 控制