Docs

Cinder UI

Advanced.sidebar_main

Server-rendered

Sidebar sibling content region.

Use this inside sidebar_layout/1 for the main page content that sits beside the sidebar.

Sidebar main

Content area
Use the lower-level helper when you want manual control over the main region wrapper.
  <div class="overflow-hidden rounded-xl border">
  <.sidebar_main class="space-y-4">
    <div class="rounded border bg-card p-4 text-sm">Content area</div>
    <div class="rounded border border-dashed p-4 text-sm text-muted-foreground">
      Use the lower-level helper when you want manual control over the main region wrapper.
    </div>
  </.sidebar_main>
</div>

Attributes

Name Type Default Values Global Includes
class :string
rest :global

Slots

Slot Slot Attributes
inner_block Required