ionic按钮/Buttons

Ah, the Button, an essential part of any mobile experience. Like the Header, they come in the full spectrum of Ionic's default colors.

By default a button has display: inline-block applied. Other options include block buttons for a full width.

<buttonclass="button">   Default </button><buttonclass="button button-light">   button-light </button><buttonclass="button button-stable">   button-stable </button><buttonclass="button button-positive">   button-positive </button><buttonclass="button button-calm">   button-calm </button><buttonclass="button button-balanced">   button-balanced </button><buttonclass="button button-energized">   button-energized </button><buttonclass="button button-assertive">   button-assertive </button><buttonclass="button button-royal">   button-royal </button><buttonclass="button button-dark">   button-dark </button>

<buttonclass="button button-block button-positive">   Block Button </button>

<buttonclass="button button-full button-positive">   Full Width Block Button </button>