ionic2
Компоненты Ionic2 CSS

сетка

Сетчатая система Ionic основана на flexbox, CSS-функции, поддерживаемой всеми устройствами, поддерживаемыми Ionic. Сетка состоит из трех единиц - сетки, строк и столбцов. Столбцы будут расширяться, чтобы заполнить их строку, и изменит размер, чтобы они соответствовали дополнительным столбцам.

Пример.

    <ion-grid>
      <ion-row>
        <ion-col width-10>This column will take 10% of space</ion-col>
      </ion-row>
    </ion-grid>

Карты

Карты - отличный способ отображать важные фрагменты контента и быстро появляются в качестве основного шаблона проектирования для приложений. Они - отличный способ сдерживать и упорядочивать информацию, а также настраивать ожидаемые ожидания для пользователя. С таким количеством контента, чтобы отображать сразу, и часто так мало экранной недвижимости, карты быстро стали образцом дизайна для многих компаний.

Пример.

<ion-card>
  <ion-card-header>
        Header
  </ion-card-header>
  <ion-card-content>
        The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
  </ion-card-content>
</ion-card>