Theme

Layout & Navigation

Container

sm (640px max)
md (768px max)
lg (1024px max)

Stack

Vertical (default)

Item 1
Item 2
Item 3

Horizontal

A
B
C

Grid

1
2
3
4
5
6

Flex

Flex 1
Flex 2
Flex 3
Flex 4

Separator

Content above

Content below

Left Right

Spacer

Before

xs spacer

lg spacer

After

AspectRatio

16:9

16:9

1:1

1:1

4:3

4:3

Tabs

Account settings and profile information.

Breadcrumb

Pagination

Page: 3

Stepper

  1. Details
  2. Payment
  3. Confirm
Step 2 of 3

Toolbar

ScrollArea

Scrollable item 1

Scrollable item 2

Scrollable item 3

Scrollable item 4

Scrollable item 5

Scrollable item 6

Scrollable item 7

Scrollable item 8

Scrollable item 9

Scrollable item 10

Scrollable item 11

Scrollable item 12

Scrollable item 13

Scrollable item 14

Scrollable item 15

Scrollable item 16

Scrollable item 17

Scrollable item 18

Scrollable item 19

Scrollable item 20

Splitter

Panel 1 (50%)
Panel 2 (50%)