Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Icons / images / media

Layouts

Container Grid Page layout Table

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Components Layouts Grid

Grid

Responsive 12-column Flexbox grid system, built mobile first

Contents

Default
Alignment
No inputs set
Reordering
No inputs set

Move columns to the right or left using [pull] properties.

[col]="12" [colDesktopSmall]="3"

[col]="12" [colDesktopSmall]="3" [pull]="'right'"

[col]="12" [colDesktopSmall]="3" [pull]="'left'"

[col]="12" [colDesktopSmall]="3"

[col]="12" [colDesktopSmall]="3"

[col]="12" [colDesktopSmall]="3" [pull]="'right'"

[col]="12" [colDesktopSmall]="3"

[col]="12" [colDesktopSmall]="3"

[col]="12" [colDesktopSmall]="3" [pull]="'right'"

[col]="12" [colDesktopSmall]="3" [pull]="'right'"

This story doesn't set any inputs.