Class: Flowbite::Toast::Icon

Inherits:
ViewComponent::Base
  • Object
show all
Defined in:
app/components/flowbite/toast/icon.rb

Overview

Renders an icon for a toast notification.

Instance Attribute Summary collapse

Class Method Summary collapse

Instance Method Summary collapse

Constructor Details

#initialize(style: :default) ⇒ Icon

Returns a new instance of Icon.



44
45
46
 
# File 'app/components/flowbite/toast/icon.rb', line 44

def initialize(style: :default)
  @style = style
end

Instance Attribute Details

#style ⇒ Object (readonly)

Returns the value of attribute style.



42
43
44
 
# File 'app/components/flowbite/toast/icon.rb', line 42

def style
  @style
end

Class Method Details

.classes(style: :default) ⇒ Object 



10
11
12
 
# File 'app/components/flowbite/toast/icon.rb', line 10

def classes(style: :default)
  styles.fetch(style).fetch(:classes)
end

.styles ⇒ Object

rubocop:disable Layout/LineLength



19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
# File 'app/components/flowbite/toast/icon.rb', line 19

def styles
  {
    default: {
      classes: ["inline-flex", "items-center", "justify-center", "shrink-0", "w-8", "h-8", "text-blue-500", "bg-blue-100", "rounded-lg", "dark:bg-blue-800", "dark:text-blue-200"],
      svg_path: "M15.147 15.085a7.159 7.159 0 0 1-6.189 3.307A6.713 6.713 0 0 1 3.1 15.444c-2.679-4.513.287-8.737.888-9.548A4.373 4.373 0 0 0 5 1.608c1.287.953 6.445 3.218 5.537 10.5 1.5-1.122 2.706-3.01 2.853-6.14 1.433 1.049 3.993 5.395 1.757 9.117Z"
    },
    success: {
      classes: ["inline-flex", "items-center", "justify-center", "shrink-0", "w-8", "h-8", "text-green-500", "bg-green-100", "rounded-lg", "dark:bg-green-800", "dark:text-green-200"],
      svg_path: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 8.207-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L9 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414Z"
    },
    danger: {
      classes: ["inline-flex", "items-center", "justify-center", "shrink-0", "w-8", "h-8", "text-red-500", "bg-red-100", "rounded-lg", "dark:bg-red-800", "dark:text-red-200"],
      svg_path: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 11.793a1 1 0 1 1-1.414 1.414L10 11.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L8.586 10 6.293 7.707a1 1 0 0 1 1.414-1.414L10 8.586l2.293-2.293a1 1 0 0 1 1.414 1.414L11.414 10l2.293 2.293Z"
    },
    warning: {
      classes: ["inline-flex", "items-center", "justify-center", "shrink-0", "w-8", "h-8", "text-orange-500", "bg-orange-100", "rounded-lg", "dark:bg-orange-700", "dark:text-orange-200"],
      svg_path: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM10 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-4a1 1 0 0 1-2 0V6a1 1 0 0 1 2 0v5Z"
    }
  }.freeze
end

.svg_path(style: :default) ⇒ Object 



14
15
16
 
# File 'app/components/flowbite/toast/icon.rb', line 14

def svg_path(style: :default)
  styles.fetch(style).fetch(:svg_path)
end

Instance Method Details

#container_classes ⇒ Object 



48
49
50
 
# File 'app/components/flowbite/toast/icon.rb', line 48

def container_classes
  self.class.classes(style: style)
end

#svg_path ⇒ Object 



52
53
54
 
# File 'app/components/flowbite/toast/icon.rb', line 52

def svg_path
  self.class.svg_path(style: style)
end