Class: Tramway::Form::TramwaySelect::SelectedItemTemplateComponent

Inherits:
BaseComponent
  • Object
show all
Defined in:
app/components/tramway/form/tramway_select/selected_item_template_component.rb

Overview

Tailwind-styled tramway select field

Constant Summary collapse

SIZE_CLASSES = 
{
  small: 'text-sm',
  medium: 'text-base',
  large: 'text-lg'
}.freeze

Constants included from Helpers::ViewsHelper

Helpers::ViewsHelper::FORM_SIZES

Instance Method Summary collapse

Methods included from Helpers::ViewsHelper

#tramway_back_button, #tramway_badge, #tramway_button, #tramway_cell, #tramway_chat, #tramway_container, #tramway_flash, #tramway_form_for, #tramway_header, #tramway_main_container, #tramway_row, #tramway_table, #tramway_title

Methods included from Helpers::ComponentHelper

#component

Methods included from Helpers::DecorateHelper

#tramway_decorate

Instance Method Details

#selected_item_classes ⇒ Object 



17
18
19
20
21
22
23
24
25
 
# File 'app/components/tramway/form/tramway_select/selected_item_template_component.rb', line 17

def selected_item_classes
  classes = 'flex justify-center items-center font-medium py-1 px-2 rounded-md ' \
            'bg-zinc-900 text-zinc-50 shadow-sm hover:bg-zinc-800 cursor-pointer ' \
            'space-x-1 selected-option ' + SIZE_CLASSES[size].to_s

  classes += ' border border-zinc-800' if multiple

  classes
end