Class: SolidusAdmin::UI::Badge::Component

Inherits:
BaseComponent
  • Object
show all
Includes:
ViewComponent::InlineTemplate
Defined in:
app/components/solidus_admin/ui/badge/component.rb

Constant Summary collapse

COLORS =
{
  graphite_light: "text-black bg-graphiteLight",
  red: 'text-red-500 bg-red-100',
  green: 'text-forest bg-seafoam',
  blue: 'text-blue bg-sky',
  black: 'text-white bg-black',
  yellow: 'text-orange bg-papayaWhip',
}.freeze
SIZES =
{
  s: 'leading-4 px-2 py-0.5 text-3 font-[500]',
  m: 'leading-5 px-3 py-0.5 text-3.5 font-[500]',
  l: 'leading-6 px-3 py-0.5 text-4 font-[500]',
}.freeze

Instance Method Summary collapse

Constructor Details

#initialize(name:, color: :graphite_light, size: :m) ⇒ Component

Returns a new instance of Component.



21
22
23
24
25
26
27
28
29
# File 'app/components/solidus_admin/ui/badge/component.rb', line 21

def initialize(name:, color: :graphite_light, size: :m)
  @name = name

  @class_name = [
    'inline-flex items-center rounded-full whitespace-nowrap', # layout
    SIZES.fetch(size.to_sym), # size
    COLORS.fetch(color.to_sym), # color
  ].join(' ')
end