Class: PhlexKit::ScrollArea

Inherits:

BaseComponent

Object
Phlex::HTML
BaseComponent
PhlexKit::ScrollArea

show all

Defined in:: app/components/phlex_kit/scroll_area/scroll_area.rb

Overview

Styled scroll container, ported from shadcn/ui's ScrollArea. Radix's custom scrollbars are replaced with native thin scrollbars themed via CSS — no JS. Constrain it with a height/width from the caller. .pk-scroll-area (scroll_area.css).

Instance Method Summary collapse

#initialize(**attrs) ⇒ ScrollArea constructor
A new instance of ScrollArea.
#view_template ⇒ Object

Methods inherited from BaseComponent

#on

Constructor Details

#initialize(**attrs) ⇒ `ScrollArea`

Returns a new instance of ScrollArea.



7
8
9

# File 'app/components/phlex_kit/scroll_area/scroll_area.rb', line 7

def initialize(**attrs)
  @attrs = attrs
end

Instance Method Details

#view_template ⇒ `Object`



11
12
13

# File 'app/components/phlex_kit/scroll_area/scroll_area.rb', line 11

def view_template(&)
  div(**mix({ class: "pk-scroll-area", tabindex: "0" }, @attrs), &)
end