Class: Playbook::PbButton::Button
- Defined in:
- app/pb_kits/playbook/pb_button/button.rb
Constant Summary
Constants included from Playbook::PositionPropsCss
Playbook::PositionPropsCss::POSITION_VALUES
Instance Attribute Summary
Attributes included from Playbook::Props
Instance Method Summary collapse
- #classname ⇒ Object
- #link_options ⇒ Object
- #options ⇒ Object
- #tag ⇒ Object
- #target_attribute ⇒ Object
- #valid_emoji(icon) ⇒ Object
Methods inherited from KitBase
#combined_html_options, #object
Methods included from Bottom
#bottom_options, #bottom_values, included
Methods included from Playbook::PositionPropsCss
Methods included from Right
included, #right_options, #right_values
Methods included from Top
included, #top_options, #top_values
Methods included from Left
included, #left_options, #left_values
Methods included from Truncate
included, #truncate_options, #truncate_props, #truncate_values
Methods included from Overflow
included, #overflow_options, #overflow_props, #overflow_values
Methods included from TextAlign
included, #text_align_options, #text_align_props, #text_align_values
Methods included from BorderRadius
#border_radius_options, #border_radius_props, #border_radius_values, included
Methods included from Hover
#hover_attributes, #hover_background_values, #hover_color_values, #hover_options, #hover_props, #hover_scale_values, #hover_shadow_values, #hover_values, included
Methods included from Playbook::Position
included, #position_options, #position_values
Methods included from Order
included, #order_options, #order_props, #order_values
Methods included from FlexShrink
#flex_shrink_options, #flex_shrink_props, #flex_shrink_values, included
Methods included from FlexGrow
#flex_grow_options, #flex_grow_props, #flex_grow_values, included
Methods included from Flex
#flex_options, #flex_props, #flex_values, included
Methods included from AlignSelf
#align_self_options, #align_self_props, #align_self_values, included
Methods included from AlignContent
#align_content_options, #align_content_props, #align_content_values, included
Methods included from AlignItems
#align_items_options, #align_items_props, #align_items_values, included
Methods included from JustifySelf
included, #justify_self_options, #justify_self_props, #justify_self_values
Methods included from JustifyContent
included, #justify_content_options, #justify_content_props, #justify_content_values
Methods included from FlexWrap
#flex_wrap_options, #flex_wrap_props, #flex_wrap_values, included
Methods included from FlexDirection
#flex_direction_options, #flex_direction_props, #flex_direction_values, included
Methods included from Cursor
#cursor_options, #cursor_props, #cursor_values, included
Methods included from Display
#display_options, #display_props, #display_size_values, #display_values, included
Methods included from LineHeight
included, #line_height_options, #line_height_props, #line_height_values
Methods included from Shadow
included, #shadow_options, #shadow_props, #shadow_values
Methods included from NumberSpacing
included, #number_spacing_options, #number_spacing_values
Methods included from ZIndex
included, #screen_size_values, #z_index_options, #z_index_props, #z_index_values
Methods included from Spacing
#break_method_values, included, #max_width_options, #max_width_props, #max_width_values, #screen_size_values, #spacing_options, #spacing_props, #spacing_values
Methods included from Classnames
#generate_classname, #generate_classname_without_spacing, included
Methods included from Playbook::Props
Methods included from Playbook::PbKitHelper
Methods included from Playbook::PbFormsHelper
Instance Method Details
#classname ⇒ Object
76 77 78 79 |
# File 'app/pb_kits/playbook/pb_button/button.rb', line 76 def classname = generate_classname("pb_button_kit", variant, full_width_class, disabled_class, loading_class) + size_class + default_reaction_class + highlight_active end |
#link_options ⇒ Object
58 59 60 61 62 63 64 65 |
# File 'app/pb_kits/playbook/pb_button/button.rb', line 58 def .tap do |option| option[:href] = link option[:role] = "link" option[:target] = target_attribute if target_attribute.present? option[:tabindex] = 0 end end |
#options ⇒ Object
36 37 38 39 40 41 42 43 44 45 46 47 48 |
# File 'app/pb_kits/playbook/pb_button/button.rb', line 36 def = { class: classname, disabled: disabled, id: id, role: "button", tabindex: 0, type: type, value: value, form: form, }.compact .merge!() if .present? end |
#tag ⇒ Object
67 68 69 |
# File 'app/pb_kits/playbook/pb_button/button.rb', line 67 def tag link ? "a" : "button" end |
#target_attribute ⇒ Object
50 51 52 53 54 55 56 |
# File 'app/pb_kits/playbook/pb_button/button.rb', line 50 def target_attribute if target && link target elsif new_window "_blank" end end |
#valid_emoji(icon) ⇒ Object
71 72 73 74 |
# File 'app/pb_kits/playbook/pb_button/button.rb', line 71 def valid_emoji(icon) emoji_regex = /\p{Emoji}/ emoji_regex.match?(icon) end |