BetterUi Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
<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="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-primary-50 text-primary-700'>Dashboard</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-grayscale-100'>Projects</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-grayscale-100'>Team</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-grayscale-100'>Settings</a>
    </nav>
  </div>
</aside>
1
2
3
4
5
6
7
8
9
10
render BetterUi::Drawer::SidebarComponent.new do |sidebar|
  sidebar.with_navigation do
    "<nav class='space-y-2'>
      <a href='#' class='block px-4 py-2 rounded-md bg-primary-50 text-primary-700'>Dashboard</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-grayscale-100'>Projects</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-grayscale-100'>Team</a>
      <a href='#' class='block px-4 py-2 rounded-md hover:bg-grayscale-100'>Settings</a>
    </nav>".html_safe
  end
end

No notes provided.

No params configured.