BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
<aside class="flex flex-col h-full w-64 bg-grayscale-900 text-white border-r border-grayscale-700 shrink-0" data-position="left" data-collapsible="true">
  <div class="flex-1 overflow-y-auto p-4 space-y-6">
    <nav class='space-y-2'>
      <a href='#' class='block px-4 py-2 rounded-md bg-white/10 text-white'>Dashboard</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-white/5 text-grayscale-300'>Projects</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-white/5 text-grayscale-300'>Team</a>
    </nav>
  </div>
</aside>
1
2
3
4
5
6
7
8
9
render BetterUi::Drawer::SidebarComponent.new(variant: :dark) do |sidebar|
  sidebar.with_navigation do
    "<nav class='space-y-2'>
      <a href='#' class='block px-4 py-2 rounded-md bg-white/10 text-white'>Dashboard</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-white/5 text-grayscale-300'>Projects</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-white/5 text-grayscale-300'>Team</a>
    </nav>".html_safe
  end
end

No notes provided.

No params configured.