对于组件，我们推荐的是和设计沟通达成一致之后，用更少的形态，适应更多的场景。
以下代码均可实时编辑，实时更新。
按钮通常会用到的标签是 button 和 a。
对于按钮主题的命名规则，这边直接借用 BootStrap 的规则，而这也几乎是国际通用的拓展规则。
Bootstrap 是一个没有特定产品的通用基础框架，即使在按钮设计极致收敛的情况下，仍然有 "Primary | Secondary | Success | Danger | Warning | Info | Light | Dark" 八种。对于我们自己的产品来说，这么多的分类是非常不推荐的。我们推荐的是，用更少的主题适应更多的场景，要达到这一点，是需要多和设计师沟通的。
在CSS规范中有提到通过是用下滑线作为前缀的命名规则。在类似 React 和 VUE
的场景中我们推荐直接使用 props 去拓展组件
<Button primary />。相应的可以使用 CSS
的属性选择器去设定样式，以保证一致性 button[primary]{}。
按钮的主题色，在实际开发中我们的颜色应该是基于全局的颜色参数去获取的。对于颜色参数的命名，我们推荐使用 c_ 前缀。
|
我们让按钮的默认样式，就是 primary 的样式。这样不用每次在使用默认按钮的时候还要再添加 primary 属性。 对于 hover 状态的颜色变化，我们建议使用 less 或者 sass 的 darken 函数基于主颜色去处理。 |
||
| 来自的张老师的小技巧 | ||
对于按钮大小的拓展我们使用了四种按钮大小。拓展建议通过类似衣服尺码 xs, xl 添加 x 的方式进行拓展 [_largex]。
我们在大小的数量上和主题是一样的，建议使用更少的大小，适配更多的场景。
|
|
在按钮主题的部分有写 hover 的样式， 可以在右侧括号内尝试自定义