Button

用法

<!-- Colors -->
<button ion-button>Default</button>

<button ion-button color="secondary">Secondary</button>

<button ion-button color="danger">Danger</button>

<button ion-button color="light">Light</button>

<button ion-button color="dark">Dark</button>

<!-- Shapes -->
<button ion-button full>Full Button</button>

<button ion-button block>Block Button</button>

<button ion-button round>Round Button</button>

<!-- Outline -->
<button ion-button full outline>Outline + Full</button>

<button ion-button block outline>Outline + Block</button>

<button ion-button round outline>Outline + Round</button>

<!-- Icons -->
<button ion-button icon-start>
  <ion-icon name="star"></ion-icon>
  Left Icon
</button>

<button ion-button icon-end>
  Right Icon
  <ion-icon name="star"></ion-icon>
</button>

<button ion-button icon-only>
  <ion-icon name="star"></ion-icon>
</button>

<!-- Sizes -->
<button ion-button large>Large</button>

<button ion-button>Default</button>

<button ion-button small>Small</button>

属性

属性	类型	详解
block	boolean	如果是true，则激活填充可用宽度的按钮样式。
clear	boolean	如果是真的，就激活一个没有边框的透明按钮样式。
color	string	颜色样式。默认值有 "primary", "secondary", "danger", "light", and "dark"。
default	boolean	如果是true，则激活默认按钮大小。通常是默认的，对一个项目的按钮有用。
full	boolean	如果是true，则激活一个按钮样式，该样式填充了没有左边框和右边框的可用宽度。
large	boolean	如果是true，则激活大按钮大小。
mode	string	模式决定使用哪种平台样式。可能的值是:“ios”、“md”或“wp”。
outline	boolean	如果是true，则激活一个带有边框的透明按钮样式。
round	boolean	如果是true，用圆角激活一个按钮。
small	boolean	如果是true，激活小按钮大小。
solid	boolean	如果是true，激活一个实心按钮样式。默认情况下，用于工具栏中的按钮。
strong	boolean	如果是true，用较重的字号激活按钮。