Class: Material::FABComponent

Inherits:
ApplicationComponent
  • Object
show all
Defined in:
app/components/material/fab_component.rb

Instance Method Summary collapse

Constructor Details

#initialize(name = "", html_options = {}) ⇒ FABComponent

Returns a new instance of FABComponent.



10
11
12
13
 
# File 'app/components/material/fab_component.rb', line 10

def initialize(name = "", html_options = {})
  @name         = name
  @html_options = html_options
end

Instance Method Details

#container_classes ⇒ Object 



15
16
17
18
19
20
21
22
 
# File 'app/components/material/fab_component.rb', line 15

def container_classes
  sanitize <<-CLASSES
  material-relative material-flex material-items-center
  material-justify-center material-h-56px material-w-56px
  material-bg-primary-container dark:material-bg-primary-container-on-dark
  material-rounded-xl material-elevation-3
  CLASSES
end

#content_classes ⇒ Object 



24
25
26
27
28
29
30
 
# File 'app/components/material/fab_component.rb', line 24

def content_classes
  sanitize <<-CLASSES
  material-flex material-items-center material-justify-center
  material-text-on-primary-container
  dark:material-text-on-primary-container-on-dark
  CLASSES
end

#overlay_classes ⇒ Object 



32
33
34
35
36
37
38
39
40
 
# File 'app/components/material/fab_component.rb', line 32

def overlay_classes
  sanitize <<-CLASSES
  material-absolute material-inset-0 material-w-full
  material-bg-on-primary-container dark:material-bg-on-primary-on-dark
  material-rounded-xl material-opacity-0 hover:material-opacity-hover
  focus:material-opacity-focus active:material-opacity-pressed
  hover:material-elevation-4 focus:material-elevation-3 active:material-elevation-3
  CLASSES
end