Preview
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Paragraphs
Marshmallow chocolate cake caramels dessert jujubes dragée tiramisu jelly beans. Candy topping sweet jujubes sweet roll croissant gummies. Topping ice cream dessert tiramisu lollipop sesame snaps. Brownie liquorice chocolate tootsie roll tart dessert wafer topping. Cheesecake tart cotton candy tootsie roll wafer soufflé.
Chupa chups powder icing cookie chocolate cake. Lemon drops candy wafer liquorice bear claw lollipop. Icing shortbread pudding pudding cupcake powder gummi bears croissant. Pastry cookie marshmallow tootsie roll liquorice. Halvah candy canes oat cake gummies cotton candy cotton candy. Toffee bonbon chocolate bear claw pie sweet roll.
Large: Chocolate bar toffee sweet roll marzipan toffee dragée. Jelly gingerbread pastry chocolate cake wafer brownie. Jujubes cotton candy chocolate cake pie bear claw sweet roll.
Small: Chocolate bar toffee sweet roll marzipan toffee dragée. Jelly gingerbread pastry chocolate cake wafer brownie. Jujubes cotton candy chocolate cake pie bear claw sweet roll.
Inline text elements
Bold
Strong
Italic
Emphasis
Strikethrough
Deleted
Inserted
Underline
Anchor
Highlighted
Abbr
Code
Keyboard Input
Small
TextSubscript
TextSuperscript
Table
Tables wrapped in a figure tag will allow any overflow to
scroll horizontally.
| Bronze | Silver | Gold | Platinum | |
|---|---|---|---|---|
| Feature one | ✅ | ✅ | ✅ | ✅ |
| Feature two | ✅ | ✅ | ✅ | |
| Feature three | ✅ | ✅ | ||
| Feature four | ✅ | |||
| Total features | 1 | 2 | 3 | 4 |
Table with row striping
| Everyday | Seasonal | Specialty | |
|---|---|---|---|
| Starters | Butter croissant | Chocolate cake | Sugar bonbon |
| Main course | Rainbow macaron | Carrot cake | Apple pie biscuit |
| Dessert | Powedered donut | Sugar plum cake | Gingerbread cookie |
| Dessert+ | Sesame snaps | Cotton candy croissant | Sweet jelly ice cream |
Layouts
Common layouts that can be applied with a single class selector. Some of them can be extended with an additional selector.
Breakout
Center
Hello, world.
Marshmallow chocolate cake caramels dessert jujubes dragée tiramisu jelly beans. Candy topping sweet jujubes sweet roll croissant gummies. Topping ice cream dessert tiramisu lollipop sesame snaps. Brownie liquorice chocolate tootsie roll tart dessert wafer topping. Cheesecake tart cotton candy tootsie roll wafer soufflé.
Center + intrinsic center
Hello, world.
Marshmallow chocolate cake caramels dessert jujubes dragée tiramisu jelly beans. Candy topping sweet jujubes sweet roll croissant gummies. Topping ice cream dessert tiramisu lollipop sesame snaps. Brownie liquorice chocolate tootsie roll tart dessert wafer topping. Cheesecake tart cotton candy tootsie roll wafer soufflé.
Cluster
Grid
Flex grid
Sidebar
Sidebar reverse
Stack
--space: var(--space-l)
Element