Buttons
Buttons are the core of any great mobile app. With Ionic, we support a set of styled buttons in the spirit of Bootstrap.
Styles
<!-- Standard white/grey button -->
<button type="button" class="button button-default">Default</button>
<!-- A secondary dark grey button -->
<button type="button" class="button button-secondary">Secondary</button>
<!-- A dark button -->
<button type="button" class="button button-dark">Dark</button>
<!-- A blue button that can be used in lots of places -->
<button type="button" class="button button-primary">Primary</button>
<!-- A green button -->
<button type="button" class="button button-success">Success</button>
<!-- A cyan button -->
<button type="button" class="button button-info">Info</button>
<!-- An orange button, often used for warning messages -->
<button type="button" class="button button-warning">Warning</button>
<!-- Used for serious actions that have serious side effects -->
<button type="button" class="button button-danger">Danger</button>
Icon-only Buttons
To show a button without padding, a background, or border, add .button-clear. Perfect for icon-only buttons in small spaces.