Preview: Columns 1.2

These are a preview of components with individual items triggered. Because this is automatically generated, some of these components may look similiar to each other. This is also used by the Axe Monitor process to validate accessibility.

• Build component
• See all versions of component
• View usage and accessibility notes

Preview: Base level for default

Preview: default and mode =

Preview: default and mode = 1x1

Preview: default and mode = 1x2

Preview: default and mode = 1x3

Preview: default and mode = 2x1

Preview: default and mode = 3x1

Preview: default and mode = 1x2x1

Preview: default and mode = sidebar-left

Preview: default and mode = sidebar-right

Preview: default and theme =

Preview: default and theme = blue

Preview: default and theme = orange

Preview: default and theme = blue-gradient

Preview: default and theme = orange-gradient

Preview: default and theme = gray

Preview: default and theme = white

Preview: default and width =

Preview: default and width = full

Preview: default and width = auto

Preview: default and width = page

Preview: default and reverse =

Preview: default and reverse = true

Preview: Base level for image

Preview: image and mode =

Preview: image and mode = 1x1

Preview: image and mode = 1x2

Preview: image and mode = 1x3

Preview: image and mode = 2x1

Preview: image and mode = 3x1

Preview: image and mode = 1x2x1

Preview: image and mode = sidebar-left

Preview: image and mode = sidebar-right

Preview: image and theme =

Preview: image and theme = blue

Preview: image and theme = orange

Preview: image and theme = blue-gradient

Preview: image and theme = orange-gradient

Preview: image and theme = gray

Preview: image and theme = white

Preview: image and width =

Preview: image and width = full

Preview: image and width = auto

Preview: image and width = page

Preview: image and reverse =

Preview: image and reverse = true