mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-27 05:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity
df1fd15a98
naive-ui/demo/documentation/components/button/zhCN/group.md
07akioni 1a82a06a95 chore: filename
2019-10-12 16:15:20 +08:00

919 B
Raw Blame History

按钮组

可以把几个按钮结合成按钮组。

<n-button-group>
  <n-button
    type="default"
    icon="md-save"
    round
  >
    Default
  </n-button>
  <n-button
    type="primary"
    icon="md-save"
    disabled
  >
    Primary
  </n-button>
  <n-button
    type="info"
    icon="md-save"
    icon-position="right"
  >
    Info
  </n-button>
  <n-button
    type="warning"
    icon="md-save"
  >
    Warning
  </n-button>
</n-button-group>
<n-button-group vertical>
  <n-button
    type="default"
    icon="md-save"
    round
  >
    Default
  </n-button>
  <n-button
    type="primary"
    icon="md-save"
    disabled
  >
    Primary
  </n-button>
  <n-button
    type="info"
    icon="md-save"
    icon-position="right"
  >
    Info
  </n-button>
  <n-button
    type="warning"
    icon="md-save"
  >
    Warning
  </n-button>
</n-button-group>

.n-button {
  margin: 0 8px 8px 0;
}