Examples

Copy/paste-able snippets for common layouts.

Create a common article layout with Clamp, with support for full-width "break out" elements.

Use Row with the `wrap` prop to create mobile-friendly breadcrumbs

Compose multiple layout components to achieve the common card style

Leverage Columns to create a 4-columns footer layout, collapsing into a single column on small screens

Use Clamp to create an overlay which is centered both horizontally and vertically.

Use Columns to create landing page sections, which collapse to a single column on small sizes.

Use Columns with a combination of `ratio` and min-/max-width to create a responsive sidebar.

Compose Row with Split to create a toolbar layout, wrapping to the next line on small screens.