header，subheader，footer主要用bar，有ion-header-bar,ion-footer-bar，有align-title等API；
content有ion-content，ion-refresher，ion-pane，賦予了多種API；
Buttons的類比較多，分Block,Full Width,Different Sizes,Outlined,Clear,Icons,Headers/Footers,Clear Buttons in Headers,Button Bar；
List與item聯用，有Divider,icons,buttons,avatars,thumbnails,inset lists等類；
Cards也是和item聯用，用divider來區分頭尾部，當然經常list card一起用來做一個有list的card，用item-avatar這個可以插入頭像， item-image插入圖片，item-icon插入圖標等；
Forms主要在label標籤上加item-input引入,span上加input-label，通過item-stacked/floating-label可以設置輸入框和文字的對齊方式，通過list-inset可以將表單內嵌，通過item-input-inset可以將輸入框內嵌，在input標籤之前加帶icon的i標籤可以給輸入框之前加圖標；
toggle可以用來做類型八卦圖的選框，基本格式是label（toggle）裏面內嵌一個input（type=“checkbox”）和div（track），div裏面內嵌一個div（handle）；
checkbox使用它要在包裹層聲明item-checkbox，在label上聲明class="checkbox"，input上聲明type="checkbox",input包在label裏；
radio-buttons在label上聲明item-radio，input上聲明type=“radio”，name=“group”；
range主要用來做進度條音量條等，配合item，icon使用。包裹層聲明是range，裏面放圖標，input（type=“range”），再圖標；
select用item-select來聲明，label裏面聲明item item-input item-select,label包裹div(class="input-label")、select兩個標籤；
tabs首先在包裹層聲明class爲tabs，有tabs-icon-only，tabs-icon-top，tabs-icon-left，tabs-striped，tabs-top等，子層用tabs-item聲明；
grid網格系統，和bootstrap差不多的，row-top，row-center，row-button，用.respinsive-sm，responstive-md，responstive-lg用在響應式佈局上；
utility多個地方都可以用的，有colors，icons，padding，對於color和background，在類名後綴加上light，positive，stable等相應顏色標籤，padding有.padding,
.padding-vertical,.padding-horizontal,.padding-top,.padding-right,.padding-bottom,.padding-left。