Home
Getting Started
Components
AlertAnimateHeightAvatarAvatarListBadgeButtonButtonMenuCalendarCalendarRangeCardCarouselChipClickOutsideContainerContentLoaderCurrencyDataTableDatePickerDateTimePickerDividerDrawerDropdownFloatingActionsGoogleMapGridPropsExamplesIconIconDotIfInfiniteScrollKW LogoLoaderModalMonthPickerMonthRangeNavIconOptionsTogglePaginationPartnerLogoResponsiveSVG IconSnackbarStaticMapStatusIndicatorTabTableTimePickerToastsTooltip
Forms
Typography
Utilities
Visualization Components
Grid
A Column and a Row component proxy for the Flex Box grid system
Props
children
Node
className
String
lg
1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12 │ Boolean
md
1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12 │ Boolean
offsetlg
1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12
offsetmd
1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12
offsetsm
1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12
offsetxs
1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12
sm
1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12 │ Boolean
xs
1 │ 2 │ 3 │ 4 │ 5 │ 6 │ 7 │ 8 │ 9 │ 10 │ 11 │ 12 │ Boolean
12
Examples
Default Example
12
1
11
2
10
3
9
4
8
5
7
6
6
Column auto width
6
6
4
4
4