🎨 基础按钮类型
支持多种预设的按钮样式,满足不同场景的需求。
标准按钮类型
特殊样式按钮
🔷 特殊形状按钮
支持三角形、菱形、六边形等几何形状的按钮。
几何形状按钮
🎯 图标按钮
内置25种常用图标,支持图标与文本的组合显示。
常用操作图标
功能图标
📱 按钮尺寸
支持小、中、大三种尺寸,适应不同的界面需求。
不同尺寸按钮
📐 排列方向
支持横向和纵向两种排列方式。
横向排列(默认)
纵向排列
🔽 下拉按钮
支持下拉菜单的按钮,可以包含多个菜单项。
基础下拉按钮
🔧 按钮状态
支持禁用、加载、只读等多种状态控制。
不同状态按钮
状态指示器
⚡ 动态控制演示
演示如何通过JavaScript动态控制按钮的状态和属性。
动态按钮控制
📱 响应式设计
在不同屏幕尺寸下自动调整布局。
响应式按钮组
尝试调整浏览器窗口大小,观察按钮组的布局变化