No notes provided.
<div data-view-component="true" class="Layout Layout--sidebarPosition-start Layout--sidebarPosition-flowRow-start"> <div data-view-component="true" class="Layout-sidebar color-bg-accent p-6">Sidebar content</div> <div data-view-component="true" class="Layout-main color-bg-attention p-6">Main content</div></div>
No notes provided.
render(Primer::Alpha::Layout.new(stacking_breakpoint: stacking_breakpoint, gutter: gutter, first_in_source: first_in_source)) do |component| component.with_main(bg: :attention, p: 6) do "Main content" end component.with_sidebar(bg: :accent, p: 6) do "Sidebar content" endend
Param | Description | Input |
---|---|---|
— |
|
|
— |
|
|
— |
|
<lookbook-embed app="https://qa.openproject-edge.com/lookbook/" preview="Primer::Alpha::LayoutPreview" scenario="playground"></lookbook-embed>