按钮是对用户的点击做出反应,并触发即时操作,每个按钮都有一个相对应的操作或流程。
按钮的视觉层级: Button:primary>Button:secondary>button:normal,Button:warning在特殊需要警告的交互上使用警示按钮,如删除、注销等。
按钮通常由边框、底色、文字组成按钮,边框也可以与按钮底色相同,强调按钮的颜色一般来源于主品牌色,警示按钮来源于功能色中的警示色。
标准按钮与ICON组合样式
用于对当前操作的警示,一般适用警示色,用于删除/退出等。
用于带背景色的场景中使用
整个按钮为感应区域,点击后出现下拉菜单,选择后,按钮提示文案发生改变,并提交。
button固定在某个特定区域,不随页面滑动而滑动。
常用于页面类较为强调的button,或不需要阅读完整个页面就可操作的button。
文字Button样式同于链接元件.
Icon颜色和尺寸可详见图标样式文档
标准按钮与ICON组合样式
深色背景
深色背景 拓展样式(加Icon)
浅色背景
浅色背景 拓展样式(加Icon)
文字Button样式同于链接元件.
拓展样式
Icon颜色和尺寸可详见图标样式文档