BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
<aside class="flex flex-col h-full w-64 bg-white text-grayscale-900 border-r border-grayscale-200 shrink-0" data-position="left" data-collapsible="true">
  <div class="shrink-0 p-4 border-b border-grayscale-200">
    Sidebar Header
  </div>
  <div class="flex-1 overflow-y-auto p-4 space-y-6">
    Sidebar Navigation
  </div>
  <div class="shrink-0 p-4 border-t border-grayscale-200">
    Sidebar Footer
  </div>
</aside>
1
2
3
4
5
6
7
8
9
10
render BetterUi::Drawer::SidebarComponent.new(
  variant: variant.to_sym,
  position: position.to_sym,
  width: width.to_sym,
  collapsible: collapsible
) do |sidebar|
  sidebar.with_header { "Sidebar Header" }
  sidebar.with_navigation { "Sidebar Navigation" }
  sidebar.with_footer { "Sidebar Footer" }
end

No notes provided.

Param Description Input

—

—

—

—