Class: Tailwinds::Form::Multiselect::SelectedItemTemplateComponent

Inherits:
Tramway::BaseComponent
  • Object
show all
Defined in:
app/components/tailwinds/form/multiselect/selected_item_template_component.rb

Overview

Tailwind-styled multi-select field

Constant Summary collapse

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

Constants included from Tramway::Helpers::ViewsHelper

Tramway::Helpers::ViewsHelper::FORM_SIZES

Instance Method Summary collapse

Methods included from Tramway::Helpers::ViewsHelper

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

Methods included from Tramway::Helpers::ComponentHelper

#component

Methods included from Tramway::Helpers::DecorateHelper

#tramway_decorate

Instance Method Details

#selected_item_classes ⇒ Object 



16
17
18
19
20
21
22
 
# File 'app/components/tailwinds/form/multiselect/selected_item_template_component.rb', line 16

def selected_item_classes
  theme_classes(
    classic: 'flex justify-center items-center font-medium py-1 px-2 rounded-xl border ' \
             'text-white border-gray-700 shadow-md hover:bg-gray-800 cursor-pointer space-x-1 ' \
             'selected-option ' + SIZE_CLASSES[size].to_s
  )
end