按钮 应用的样式(class="") 描述
Default
ks-button 默认的灰色按钮,并带有渐变色
Primary
ks-button ks-button-primary 提供更深的色度来表明在按钮组中是最重要的行为
Info
ks-button ks-button-info 默认样式的一种替代方案
Success
ks-button ks-button-success 表示一个成功的或者有积极意义的行为
Warning
ks-button ks-button-warning 表明警告,并需要采取这种行为的操作
Danger
ks-button ks-button-danger 表明一个危险的或者潜在的有消极意义的行为
Inverse
ks-button ks-button-inverse 深灰色的按钮,默认按钮的一种替代按钮,跟语义无关的操作

按钮的行为

一般而言,按钮仅当链接作为一个行为对象时来使用时。 例如“下载”应当为一个按钮,“最近活动”应该是一个链接。

多种尺寸

你喜欢大的还是小的按钮?添加样式.ks-button-large, .ks-button-small或者 .ks-button-mini实现不同的样式。

Primary action
Action
Primary action
Action
Primary action
Action

不可用状态

对于不可用的按钮来说, 添加 ks-button-disabled

Primary link
Common link

Button Groups

通过 ks-button-group 样式把一批 button 放置在一起,可以形成一个按钮组

Button Group demo

left
middle
right