ant-design/components/button/demo/basic.md

35 lines
951 B
Markdown
Raw Normal View History

2015-06-17 18:22:20 +08:00
# 标准按钮
2015-05-15 16:00:08 +08:00
- order: 1
2015-06-17 18:22:20 +08:00
`<button>` `<a>``<input>` 元素添加 `.ant-btn` 类即可使用 ant-design 提供的样式。
2015-06-17 18:22:20 +08:00
另外,通过使用下面的类可创建带有预定义样式的按钮,我们通过样式来显示重要程度的不同。
`.ant-btn-primary` `.ant-btn-ghost`
其中 `.ant-btn` 类定义了按钮的默认样式,语义上代表次按钮。
**注**: 当按钮文字为两个字时,中间需要**间隔一个字符**。
2015-05-15 16:00:08 +08:00
---
````html
2015-06-11 17:16:32 +08:00
<button class="ant-btn">Button</button>
<a href="javascript:;" class="ant-btn" role="button">Link</a>
<input class="ant-btn" type="button" value="Input" />
<input class="ant-btn" type="submit" value="Submit" />
2015-06-17 18:22:20 +08:00
<br>
<!-- Styled Button -->
<button class="ant-btn ant-btn-primary">主按钮</button>
<button class="ant-btn">次按钮</button>
<button class="ant-btn ant-btn-ghost">幽灵按钮</button>
<br>
<button class="ant-btn ant-btn-primary">按 钮</button>
2015-05-15 16:00:08 +08:00
````