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 



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 "  material-relative material-flex material-items-center\n  material-justify-center material-h-56px material-w-56px\n  material-bg-primary-container dark:material-bg-primary-container-on-dark\n  material-rounded-xl material-elevation-3\n  CLASSES\nend\n"

#content_classes ⇒ Object 



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

def content_classes
  sanitize "  material-flex material-items-center material-justify-center\n  material-text-on-primary-container\n  dark:material-text-on-primary-container-on-dark\n  CLASSES\nend\n"

#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 "  material-absolute material-inset-0 material-w-full\n  material-bg-on-primary-container dark:material-bg-on-primary-on-dark\n  material-rounded-xl material-opacity-0 hover:material-opacity-hover\n  focus:material-opacity-focus active:material-opacity-pressed\n  hover:material-elevation-4 focus:material-elevation-3 active:material-elevation-3\n  CLASSES\nend\n"