Layout
Layout provides foundational patterns for responsive pages.
-
Documentation
-
layout
Default position
Sidebar content
Main content
Sidebar at the right
Sidebar content
Main content
Sidebar below
Place the sidebar slot below the main slot using
is_sidebar_position_flow_row_end
.
Sidebar content
Main content
Sidebar below using rendering order
Change the rendering order with the
order
attribute on slots.
Main content
Sidebar content
Narrow sidebar
Sidebar content
Main content
Wide sidebar
Sidebar content
Main content
No gutter
Sidebar content
Main content
Condensed gutter
Sidebar content
Main content
Spacious gutter
Sidebar content
Main content
With a divider
Sidebar content
Main content
Centered content
Sidebar content
Centered md
Nested layout 1
Default sidebar
Metadata sidebar
Main content
Nested layout 2
Default sidebar
Metadata sidebar
Main content