Class: RubyUI::MobileSidebar

Inherits:
Base
  • Object
show all
Defined in:
lib/ruby_ui/sidebar/mobile_sidebar.rb

Constant Summary collapse 

"18rem"

Constants inherited from Base

Base::TAILWIND_MERGER

Instance Attribute Summary

Attributes inherited from Base

#attrs

Instance Method Summary collapse

Constructor Details

#initialize(side: :left, **attrs) ⇒ MobileSidebar

Returns a new instance of MobileSidebar.



7
8
9
10
 
# File 'lib/ruby_ui/sidebar/mobile_sidebar.rb', line 7

def initialize(side: :left, **attrs)
  @side = side
  super(**attrs)
end

Instance Method Details

#view_template ⇒ Object 



12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
# File 'lib/ruby_ui/sidebar/mobile_sidebar.rb', line 12

def view_template(&)
  Sheet(**attrs) do
    SheetContent(
      side: @side,
      class: "w-[var(--sidebar-width)] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
      style: {
        "--sidebar-width": SIDEBAR_WIDTH_MOBILE
      },
      data: {
        sidebar: "sidebar",
        mobile: "true"
      }
    ) do
      SheetHeader(class: "sr-only") do
        SheetTitle { "Sidebar" }
        SheetDescription { "Displays the mobile sidebar." }
      end
      div(class: "flex h-full w-full flex-col", &)
    end
  end
end