size 大小,只对按钮样式生效 large | default | small default value 用于设置当前选中的值 any - onChange 选项变化时的回调函数 Function(e:Event) - buttonStyle RadioButton 的风格样式,目前有描边和填色两种风格 outline | solid outline 方法# Radio# 名称描述 blur() 移除焦点 focus() 获取焦点 ...
主题变量(Design Token) 组件Token如何定制? Token 名称描述类型默认值 buttonBg 单选框按钮背景色 string #ffffff buttonCheckedBg 单选框按钮选中背景色 string #ffffff buttonCheckedBgDisabled 单选框按钮选中并禁用时的背景色 string rgba(0,0,0,0.15) buttonCheckedColorDisabled 单选框按钮选中并禁用时的文本颜色...
.ant-radio-wrapper-checked, .ant-radio:hover .ant-radio-inner { background-color: #1890ff; /* 你可以根据需要调整这个颜色 */ } 按钮样式:如果你使用的是 a-radio-button,可以通过以下方式调整样式: less .ant-radio-button-wrapper { padding: 0 60px; line-height: 36px; height: 36px; font...
在HTML中,RadioButton通常是通过<input type="radio">元素来表示,在一般的前端框架中也会有对应的组件或指令来实现RadioButton的功能。 在React中,可以使用<input type="radio">元素或者第三方组件库中的RadioButton组件来创建RadioButton。例如,在Ant Design中,可以使用<Radio>组件来创建RadioButton,具有一些默认样式...
Ant Design of Vue 快速上手 在vue-cli 中使用 定制主题 更新日志 国际化 常见问题 支持我们 下载设计资源 Components(63) General Button按钮 Icon图标 Layout Grid栅格 Layout布局 Space间距 Navigation Affix固钉 Breadcrumb面包屑 Dropdown下拉菜单 Menu导航菜单 PageHeader页头 Pagination分页 Steps步骤条 Data Entry...
7. 「Radio Button」在移动场景的样式变体 移动设备屏幕横向空间受限,原生形态的「Radio Button」样式不利于节约空间,所以众多设计师创造出很多同构异型的组件样式,这里小编不一一枚举。但是有一种样式特别说明下(如图所示),以按钮group的样式来完成用户单选任务,这里不推荐Antdesign这种选项与选项之间无缝连接的设计方式。
The combination of radio button style. TS Option A Option B Option C More... Vertical RadioGroup Vertical RadioGroup, with more radios. TS A B C D Radio.Group with name Passing the name property to all input[type="radio"] that are in the same Radio.Group. It is usually used to ...
也就是说 Segmented 组件在视觉和交互上,既可以像 button 一样带有文字和图片,也可以使用整体带下划线的样式,这就与 Tabs 在外观上不做区分了。 再来看看蚂蚁集团的 Ant Design,Segmented 组件在 4.0 版本之后才正式提供使用,而 Radio 组件始终包含以下两种样式,并没有在Segmented 组件上线后去掉 button 的样式。
移动设备屏幕横向空间受限,原生形态的「Radio Button」样式不利于节约空间,所以众多设计师创造出很多同构异型的组件样式,这里小编不一一枚举。但是有一种样式特别说明下(如图所示),以按钮group的样式来完成用户单选任务,这里不推荐Antdesign这种选项与选项之间无缝连接的设计方式。因为这么设计会让用户产生疑惑:这到底是tab...
size 大小,只对按钮样式生效 large default buttonStyle RadioButton 的风格样式,目前有描边和填色两种风格 outline solid Events 事件名称说明回调参数 change 选项变化时的回调函数 Function(e:Event) Pager Previous pageAutoComplete 自动补全输入框 Next pageCheckbox 多选框...