yattho_view_components 0.0.1 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +45 -0
- data/app/assets/javascripts/yattho_view_components.js +1 -1
- data/app/assets/javascripts/yattho_view_components.js.map +1 -1
- data/app/assets/styles/yattho_view_components.css +3 -5958
- data/app/assets/styles/yattho_view_components.css.map +1 -1
- data/app/components/yattho/alpha/action_list.css +1 -697
- data/app/components/yattho/alpha/action_list.css.json +1 -1
- data/app/components/yattho/alpha/action_list.css.map +1 -1
- data/app/components/yattho/alpha/auto_complete.css +1 -130
- data/app/components/yattho/alpha/auto_complete.css.json +1 -1
- data/app/components/yattho/alpha/auto_complete.css.map +1 -1
- data/app/components/yattho/alpha/banner.css +1 -131
- data/app/components/yattho/alpha/banner.css.json +1 -1
- data/app/components/yattho/alpha/banner.css.map +1 -1
- data/app/components/yattho/alpha/button_marketing.css +1 -211
- data/app/components/yattho/alpha/button_marketing.css.json +1 -1
- data/app/components/yattho/alpha/button_marketing.css.map +1 -1
- data/app/components/yattho/alpha/dialog.css +1 -613
- data/app/components/yattho/alpha/dialog.css.json +1 -1
- data/app/components/yattho/alpha/dialog.css.map +1 -1
- data/app/components/yattho/alpha/dropdown.css +1 -264
- data/app/components/yattho/alpha/dropdown.css.json +1 -1
- data/app/components/yattho/alpha/dropdown.css.map +1 -1
- data/app/components/yattho/alpha/layout.css +1 -398
- data/app/components/yattho/alpha/layout.css.json +1 -1
- data/app/components/yattho/alpha/layout.css.map +1 -1
- data/app/components/yattho/alpha/menu.css +1 -117
- data/app/components/yattho/alpha/menu.css.json +1 -1
- data/app/components/yattho/alpha/menu.css.map +1 -1
- data/app/components/yattho/alpha/modal_dialog.js +2 -0
- data/app/components/yattho/alpha/segmented_control.css +1 -164
- data/app/components/yattho/alpha/segmented_control.css.json +1 -1
- data/app/components/yattho/alpha/segmented_control.css.map +1 -1
- data/app/components/yattho/alpha/tab_nav.css +1 -106
- data/app/components/yattho/alpha/tab_nav.css.json +1 -1
- data/app/components/yattho/alpha/tab_nav.css.map +1 -1
- data/app/components/yattho/alpha/text_field.css +3 -836
- data/app/components/yattho/alpha/text_field.css.json +1 -1
- data/app/components/yattho/alpha/text_field.css.map +1 -1
- data/app/components/yattho/alpha/toggle_switch.css +1 -253
- data/app/components/yattho/alpha/toggle_switch.css.json +1 -1
- data/app/components/yattho/alpha/toggle_switch.css.map +1 -1
- data/app/components/yattho/alpha/underline_nav.css +1 -148
- data/app/components/yattho/alpha/underline_nav.css.json +1 -1
- data/app/components/yattho/alpha/underline_nav.css.map +1 -1
- data/app/components/yattho/beta/avatar.css +1 -74
- data/app/components/yattho/beta/avatar.css.json +1 -1
- data/app/components/yattho/beta/avatar.css.map +1 -1
- data/app/components/yattho/beta/avatar_stack.css +1 -138
- data/app/components/yattho/beta/avatar_stack.css.json +1 -1
- data/app/components/yattho/beta/avatar_stack.css.map +1 -1
- data/app/components/yattho/beta/blankslate.css +1 -90
- data/app/components/yattho/beta/blankslate.css.map +1 -1
- data/app/components/yattho/beta/border_box.css +1 -279
- data/app/components/yattho/beta/border_box.css.json +1 -1
- data/app/components/yattho/beta/border_box.css.map +1 -1
- data/app/components/yattho/beta/breadcrumbs.css +1 -27
- data/app/components/yattho/beta/breadcrumbs.css.json +1 -1
- data/app/components/yattho/beta/breadcrumbs.css.map +1 -1
- data/app/components/yattho/beta/button.css +1 -365
- data/app/components/yattho/beta/button.css.json +1 -1
- data/app/components/yattho/beta/button.css.map +1 -1
- data/app/components/yattho/beta/counter.css +1 -36
- data/app/components/yattho/beta/counter.css.map +1 -1
- data/app/components/yattho/beta/flash.css +1 -150
- data/app/components/yattho/beta/flash.css.json +1 -1
- data/app/components/yattho/beta/flash.css.map +1 -1
- data/app/components/yattho/beta/label.css +1 -105
- data/app/components/yattho/beta/label.css.json +1 -1
- data/app/components/yattho/beta/label.css.map +1 -1
- data/app/components/yattho/beta/link.css +1 -62
- data/app/components/yattho/beta/link.css.json +1 -1
- data/app/components/yattho/beta/link.css.map +1 -1
- data/app/components/yattho/beta/popover.css +1 -235
- data/app/components/yattho/beta/popover.css.json +1 -1
- data/app/components/yattho/beta/popover.css.map +1 -1
- data/app/components/yattho/beta/progress_bar.css +1 -26
- data/app/components/yattho/beta/progress_bar.css.json +1 -1
- data/app/components/yattho/beta/progress_bar.css.map +1 -1
- data/app/components/yattho/beta/state.css +1 -50
- data/app/components/yattho/beta/state.css.json +1 -1
- data/app/components/yattho/beta/state.css.map +1 -1
- data/app/components/yattho/beta/subhead.css +1 -54
- data/app/components/yattho/beta/subhead.css.json +1 -1
- data/app/components/yattho/beta/subhead.css.map +1 -1
- data/app/components/yattho/beta/timeline_item.css +1 -95
- data/app/components/yattho/beta/timeline_item.css.json +1 -1
- data/app/components/yattho/beta/timeline_item.css.map +1 -1
- data/app/components/yattho/beta/truncate.css +1 -37
- data/app/components/yattho/beta/truncate.css.json +1 -1
- data/app/components/yattho/beta/truncate.css.map +1 -1
- data/app/components/yattho/truncate.css +1 -30
- data/app/components/yattho/truncate.css.json +1 -1
- data/app/components/yattho/truncate.css.map +1 -1
- data/lib/yattho/view_components/version.rb +1 -1
- metadata +3 -353
- data/previews/docs/alpha_auto_complete_item_preview/default.html.erb +0 -10
- data/previews/docs/alpha_auto_complete_item_preview.rb +0 -7
- data/previews/docs/alpha_auto_complete_preview/default.html.erb +0 -1
- data/previews/docs/alpha_auto_complete_preview/with_clear_button.html.erb +0 -1
- data/previews/docs/alpha_auto_complete_preview/with_custom_classes_for_the_input.html.erb +0 -3
- data/previews/docs/alpha_auto_complete_preview/with_custom_classes_for_the_results.html.erb +0 -10
- data/previews/docs/alpha_auto_complete_preview/with_icon.html.erb +0 -1
- data/previews/docs/alpha_auto_complete_preview/with_icon_and_non_visible_label.html.erb +0 -1
- data/previews/docs/alpha_auto_complete_preview/with_inline_label.html.erb +0 -1
- data/previews/docs/alpha_auto_complete_preview/with_non_visible_label.html.erb +0 -1
- data/previews/docs/alpha_auto_complete_preview.rb +0 -21
- data/previews/docs/alpha_banner_preview/custom_icon.html.erb +0 -1
- data/previews/docs/alpha_banner_preview/dismissible.html.erb +0 -1
- data/previews/docs/alpha_banner_preview/full_width.html.erb +0 -1
- data/previews/docs/alpha_banner_preview/schemes.html.erb +0 -6
- data/previews/docs/alpha_banner_preview/with_action_button.html.erb +0 -4
- data/previews/docs/alpha_banner_preview/with_custom_action.html.erb +0 -6
- data/previews/docs/alpha_banner_preview.rb +0 -17
- data/previews/docs/alpha_button_marketing_preview/schemes.html.erb +0 -6
- data/previews/docs/alpha_button_marketing_preview/sizes.html.erb +0 -2
- data/previews/docs/alpha_button_marketing_preview.rb +0 -9
- data/previews/docs/alpha_dialog_preview/dialog_with_cancel_and_submit_buttons.html.erb +0 -13
- data/previews/docs/alpha_dialog_preview.rb +0 -7
- data/previews/docs/alpha_dropdown_preview/customizing_menu_items.html.erb +0 -11
- data/previews/docs/alpha_dropdown_preview/customizing_the_button.html.erb +0 -12
- data/previews/docs/alpha_dropdown_preview/default.html.erb +0 -11
- data/previews/docs/alpha_dropdown_preview/menu_as_list.html.erb +0 -13
- data/previews/docs/alpha_dropdown_preview/with_caret.html.erb +0 -12
- data/previews/docs/alpha_dropdown_preview/with_direction.html.erb +0 -12
- data/previews/docs/alpha_dropdown_preview/with_dividers.html.erb +0 -16
- data/previews/docs/alpha_dropdown_preview.rb +0 -19
- data/previews/docs/alpha_hellip_button_preview/default.html.erb +0 -1
- data/previews/docs/alpha_hellip_button_preview/inline.html.erb +0 -1
- data/previews/docs/alpha_hellip_button_preview/styling_the_button.html.erb +0 -1
- data/previews/docs/alpha_hellip_button_preview.rb +0 -11
- data/previews/docs/alpha_hidden_text_expander_preview/default.html.erb +0 -1
- data/previews/docs/alpha_hidden_text_expander_preview/inline.html.erb +0 -1
- data/previews/docs/alpha_hidden_text_expander_preview/styling_the_button.html.erb +0 -1
- data/previews/docs/alpha_hidden_text_expander_preview.rb +0 -11
- data/previews/docs/alpha_image_crop_preview/cropper_with_a_custom_loader.html.erb +0 -3
- data/previews/docs/alpha_image_crop_preview/simple_cropper.html.erb +0 -1
- data/previews/docs/alpha_image_crop_preview/square_cropper.html.erb +0 -1
- data/previews/docs/alpha_image_crop_preview.rb +0 -11
- data/previews/docs/alpha_image_preview/custom_size.html.erb +0 -2
- data/previews/docs/alpha_image_preview/default.html.erb +0 -2
- data/previews/docs/alpha_image_preview/helper.html.erb +0 -2
- data/previews/docs/alpha_image_preview/lazy_loading.html.erb +0 -2
- data/previews/docs/alpha_image_preview.rb +0 -13
- data/previews/docs/alpha_layout_preview/changing_when_to_render_layout_as_columns.html.erb +0 -12
- data/previews/docs/alpha_layout_preview/default.html.erb +0 -5
- data/previews/docs/alpha_layout_preview/main_widths.html.erb +0 -16
- data/previews/docs/alpha_layout_preview/sidebar_placement.html.erb +0 -8
- data/previews/docs/alpha_layout_preview/sidebar_placement_as_row.html.erb +0 -12
- data/previews/docs/alpha_layout_preview/sidebar_widths.html.erb +0 -12
- data/previews/docs/alpha_layout_preview.rb +0 -17
- data/previews/docs/alpha_menu_preview/default.html.erb +0 -17
- data/previews/docs/alpha_menu_preview.rb +0 -7
- data/previews/docs/alpha_nav_list_preview/expandable_sub_items.html.erb +0 -24
- data/previews/docs/alpha_nav_list_preview/items_and_headings.html.erb +0 -12
- data/previews/docs/alpha_nav_list_preview/leading_and_trailing_visuals.html.erb +0 -17
- data/previews/docs/alpha_nav_list_preview/trailing_action.html.erb +0 -12
- data/previews/docs/alpha_nav_list_preview.rb +0 -13
- data/previews/docs/alpha_octicon_symbols_preview/symbol_dictionary.html.erb +0 -4
- data/previews/docs/alpha_octicon_symbols_preview.rb +0 -7
- data/previews/docs/alpha_segmented_control_preview/basic_usage.html.erb +0 -6
- data/previews/docs/alpha_segmented_control_preview/fill_width_of_parent.html.erb +0 -5
- data/previews/docs/alpha_segmented_control_preview/small.html.erb +0 -6
- data/previews/docs/alpha_segmented_control_preview/with_icons.html.erb +0 -5
- data/previews/docs/alpha_segmented_control_preview/with_icons_only.html.erb +0 -5
- data/previews/docs/alpha_segmented_control_preview.rb +0 -15
- data/previews/docs/alpha_tab_container_preview/default.html.erb +0 -16
- data/previews/docs/alpha_tab_container_preview.rb +0 -7
- data/previews/docs/alpha_tab_nav_preview/adding_extra_content_after_the_tabs.html.erb +0 -10
- data/previews/docs/alpha_tab_nav_preview/customizing_the_body.html.erb +0 -5
- data/previews/docs/alpha_tab_nav_preview/default_with_div.html.erb +0 -5
- data/previews/docs/alpha_tab_nav_preview/default_with_nav.html.erb +0 -5
- data/previews/docs/alpha_tab_nav_preview/with_extra_content.html.erb +0 -8
- data/previews/docs/alpha_tab_nav_preview/with_icons_and_counters.html.erb +0 -15
- data/previews/docs/alpha_tab_nav_preview.rb +0 -17
- data/previews/docs/alpha_tab_panels_preview/default.html.erb +0 -14
- data/previews/docs/alpha_tab_panels_preview.rb +0 -7
- data/previews/docs/alpha_text_field_preview/default.html.erb +0 -1
- data/previews/docs/alpha_text_field_preview/disabled.html.erb +0 -7
- data/previews/docs/alpha_text_field_preview/full_width.html.erb +0 -7
- data/previews/docs/alpha_text_field_preview/invalid.html.erb +0 -7
- data/previews/docs/alpha_text_field_preview/with_a_caption.html.erb +0 -7
- data/previews/docs/alpha_text_field_preview/with_a_clear_button.html.erb +0 -7
- data/previews/docs/alpha_text_field_preview/with_a_leading_visual.html.erb +0 -9
- data/previews/docs/alpha_text_field_preview/with_a_validation_message.html.erb +0 -7
- data/previews/docs/alpha_text_field_preview.rb +0 -21
- data/previews/docs/alpha_toggle_switch_preview/checked.html.erb +0 -1
- data/previews/docs/alpha_toggle_switch_preview/checked_and_disabled.html.erb +0 -1
- data/previews/docs/alpha_toggle_switch_preview/default.html.erb +0 -1
- data/previews/docs/alpha_toggle_switch_preview/disabled.html.erb +0 -1
- data/previews/docs/alpha_toggle_switch_preview/small.html.erb +0 -1
- data/previews/docs/alpha_toggle_switch_preview/with_status_label_positioned_at_the_end.html.erb +0 -1
- data/previews/docs/alpha_toggle_switch_preview.rb +0 -17
- data/previews/docs/alpha_tooltip_preview/as_a_label_for_an_iconbutton.html.erb +0 -1
- data/previews/docs/alpha_tooltip_preview/as_a_supplementary_description_for_a_button.html.erb +0 -4
- data/previews/docs/alpha_tooltip_preview/as_a_supplementary_description_for_an_iconbutton.html.erb +0 -1
- data/previews/docs/alpha_tooltip_preview/directly_using_tooltip.html.erb +0 -4
- data/previews/docs/alpha_tooltip_preview/with_direction.html.erb +0 -32
- data/previews/docs/alpha_tooltip_preview.rb +0 -15
- data/previews/docs/alpha_underline_nav_preview/align_right.html.erb +0 -11
- data/previews/docs/alpha_underline_nav_preview/customizing_the_body.html.erb +0 -5
- data/previews/docs/alpha_underline_nav_preview/default_with_nav.html.erb +0 -7
- data/previews/docs/alpha_underline_nav_preview/with_div.html.erb +0 -7
- data/previews/docs/alpha_underline_nav_preview/with_icons_and_counters.html.erb +0 -18
- data/previews/docs/alpha_underline_nav_preview.rb +0 -15
- data/previews/docs/alpha_underline_panels_preview/default.html.erb +0 -17
- data/previews/docs/alpha_underline_panels_preview.rb +0 -7
- data/previews/docs/beta_auto_complete_item_preview/default.html.erb +0 -6
- data/previews/docs/beta_auto_complete_item_preview.rb +0 -7
- data/previews/docs/beta_auto_complete_preview/full_width_field.html.erb +0 -3
- data/previews/docs/beta_auto_complete_preview/inset_variant.html.erb +0 -3
- data/previews/docs/beta_auto_complete_preview/leading_visual.html.erb +0 -3
- data/previews/docs/beta_auto_complete_preview/monospace_variant.html.erb +0 -3
- data/previews/docs/beta_auto_complete_preview/trailing_action.html.erb +0 -1
- data/previews/docs/beta_auto_complete_preview/visually_hidden_label.html.erb +0 -3
- data/previews/docs/beta_auto_complete_preview/with_custom_classes_for_the_input.html.erb +0 -3
- data/previews/docs/beta_auto_complete_preview/with_custom_classes_for_the_results.html.erb +0 -3
- data/previews/docs/beta_auto_complete_preview.rb +0 -21
- data/previews/docs/beta_avatar_preview/default.html.erb +0 -1
- data/previews/docs/beta_avatar_preview/link.html.erb +0 -1
- data/previews/docs/beta_avatar_preview/square.html.erb +0 -1
- data/previews/docs/beta_avatar_preview/with_size.html.erb +0 -7
- data/previews/docs/beta_avatar_preview.rb +0 -13
- data/previews/docs/beta_avatar_stack_preview/align_right.html.erb +0 -5
- data/previews/docs/beta_avatar_stack_preview/default.html.erb +0 -5
- data/previews/docs/beta_avatar_stack_preview/with_tooltip.html.erb +0 -5
- data/previews/docs/beta_avatar_stack_preview.rb +0 -11
- data/previews/docs/beta_base_button_preview/block.html.erb +0 -2
- data/previews/docs/beta_base_button_preview.rb +0 -7
- data/previews/docs/beta_blankslate_preview/basic.html.erb +0 -4
- data/previews/docs/beta_blankslate_preview/custom_content.html.erb +0 -6
- data/previews/docs/beta_blankslate_preview/icon.html.erb +0 -5
- data/previews/docs/beta_blankslate_preview/loading.html.erb +0 -5
- data/previews/docs/beta_blankslate_preview/primary_action.html.erb +0 -6
- data/previews/docs/beta_blankslate_preview/primary_and_secondary_actions.html.erb +0 -7
- data/previews/docs/beta_blankslate_preview/secondary_action.html.erb +0 -6
- data/previews/docs/beta_blankslate_preview/using_an_image.html.erb +0 -5
- data/previews/docs/beta_blankslate_preview/variations.html.erb +0 -8
- data/previews/docs/beta_blankslate_preview/with_border.html.erb +0 -5
- data/previews/docs/beta_blankslate_preview.rb +0 -25
- data/previews/docs/beta_border_box_header_preview/default.html.erb +0 -4
- data/previews/docs/beta_border_box_header_preview/with_title.html.erb +0 -3
- data/previews/docs/beta_border_box_header_preview.rb +0 -9
- data/previews/docs/beta_border_box_preview/header_with_title_body_rows_and_footer.html.erb +0 -21
- data/previews/docs/beta_border_box_preview/padding_density.html.erb +0 -14
- data/previews/docs/beta_border_box_preview/row_colors.html.erb +0 -14
- data/previews/docs/beta_border_box_preview.rb +0 -11
- data/previews/docs/beta_breadcrumbs_preview/basic.html.erb +0 -5
- data/previews/docs/beta_breadcrumbs_preview.rb +0 -7
- data/previews/docs/beta_button_group_preview/default.html.erb +0 -8
- data/previews/docs/beta_button_group_preview/sizes.html.erb +0 -7
- data/previews/docs/beta_button_group_preview.rb +0 -9
- data/previews/docs/beta_button_preview/full_width.html.erb +0 -2
- data/previews/docs/beta_button_preview/schemes.html.erb +0 -4
- data/previews/docs/beta_button_preview/sizes.html.erb +0 -2
- data/previews/docs/beta_button_preview/with_leading_and_trailing_visuals.html.erb +0 -5
- data/previews/docs/beta_button_preview/with_leading_visual.html.erb +0 -4
- data/previews/docs/beta_button_preview/with_tooltip.html.erb +0 -4
- data/previews/docs/beta_button_preview/with_trailing_visual.html.erb +0 -4
- data/previews/docs/beta_button_preview.rb +0 -19
- data/previews/docs/beta_clipboard_copy_preview/copying_from_an_element.html.erb +0 -2
- data/previews/docs/beta_clipboard_copy_preview/default.html.erb +0 -1
- data/previews/docs/beta_clipboard_copy_preview/with_text_instead_of_icons.html.erb +0 -3
- data/previews/docs/beta_clipboard_copy_preview.rb +0 -11
- data/previews/docs/beta_close_button_preview/default.html.erb +0 -1
- data/previews/docs/beta_close_button_preview.rb +0 -7
- data/previews/docs/beta_counter_preview/default.html.erb +0 -1
- data/previews/docs/beta_counter_preview/schemes.html.erb +0 -2
- data/previews/docs/beta_counter_preview.rb +0 -9
- data/previews/docs/beta_details_preview/default.html.erb +0 -9
- data/previews/docs/beta_details_preview.rb +0 -7
- data/previews/docs/beta_flash_preview/dismissible.html.erb +0 -1
- data/previews/docs/beta_flash_preview/full_width.html.erb +0 -1
- data/previews/docs/beta_flash_preview/icon.html.erb +0 -1
- data/previews/docs/beta_flash_preview/schemes.html.erb +0 -4
- data/previews/docs/beta_flash_preview/with_actions.html.erb +0 -6
- data/previews/docs/beta_flash_preview.rb +0 -15
- data/previews/docs/beta_heading_preview/default.html.erb +0 -6
- data/previews/docs/beta_heading_preview.rb +0 -7
- data/previews/docs/beta_icon_button_preview/custom_tooltip_direction.html.erb +0 -2
- data/previews/docs/beta_icon_button_preview/default.html.erb +0 -2
- data/previews/docs/beta_icon_button_preview/schemes.html.erb +0 -3
- data/previews/docs/beta_icon_button_preview/with_an_aria_description.html.erb +0 -1
- data/previews/docs/beta_icon_button_preview.rb +0 -13
- data/previews/docs/beta_label_preview/inline.html.erb +0 -2
- data/previews/docs/beta_label_preview/schemes.html.erb +0 -10
- data/previews/docs/beta_label_preview/sizes.html.erb +0 -2
- data/previews/docs/beta_label_preview.rb +0 -11
- data/previews/docs/beta_link_preview/default.html.erb +0 -1
- data/previews/docs/beta_link_preview/muted.html.erb +0 -1
- data/previews/docs/beta_link_preview/schemes.html.erb +0 -2
- data/previews/docs/beta_link_preview/with_tooltip.html.erb +0 -4
- data/previews/docs/beta_link_preview/without_underline.html.erb +0 -1
- data/previews/docs/beta_link_preview.rb +0 -15
- data/previews/docs/beta_markdown_preview/default.html.erb +0 -260
- data/previews/docs/beta_markdown_preview.rb +0 -7
- data/previews/docs/beta_octicon_preview/default.html.erb +0 -2
- data/previews/docs/beta_octicon_preview/helper.html.erb +0 -1
- data/previews/docs/beta_octicon_preview/medium.html.erb +0 -1
- data/previews/docs/beta_octicon_preview.rb +0 -11
- data/previews/docs/beta_popover_preview/caret_position.html.erb +0 -8
- data/previews/docs/beta_popover_preview/default.html.erb +0 -8
- data/previews/docs/beta_popover_preview/large.html.erb +0 -8
- data/previews/docs/beta_popover_preview/with_multiple_elements_in_the_body.html.erb +0 -11
- data/previews/docs/beta_popover_preview.rb +0 -13
- data/previews/docs/beta_progress_bar_preview/default.html.erb +0 -3
- data/previews/docs/beta_progress_bar_preview/large.html.erb +0 -3
- data/previews/docs/beta_progress_bar_preview/multiple_items.html.erb +0 -5
- data/previews/docs/beta_progress_bar_preview/small.html.erb +0 -3
- data/previews/docs/beta_progress_bar_preview.rb +0 -13
- data/previews/docs/beta_relative_time_preview/default.html.erb +0 -1
- data/previews/docs/beta_relative_time_preview/elapsed_time.html.erb +0 -1
- data/previews/docs/beta_relative_time_preview/past_time.html.erb +0 -1
- data/previews/docs/beta_relative_time_preview.rb +0 -11
- data/previews/docs/beta_spinner_preview/default.html.erb +0 -1
- data/previews/docs/beta_spinner_preview/large.html.erb +0 -1
- data/previews/docs/beta_spinner_preview/small.html.erb +0 -1
- data/previews/docs/beta_spinner_preview.rb +0 -11
- data/previews/docs/beta_state_preview/default.html.erb +0 -1
- data/previews/docs/beta_state_preview/schemes.html.erb +0 -4
- data/previews/docs/beta_state_preview/sizes.html.erb +0 -2
- data/previews/docs/beta_state_preview.rb +0 -11
- data/previews/docs/beta_subhead_preview/default.html.erb +0 -8
- data/previews/docs/beta_subhead_preview/with_actions.html.erb +0 -15
- data/previews/docs/beta_subhead_preview/with_dangerous_heading.html.erb +0 -8
- data/previews/docs/beta_subhead_preview/with_long_description.html.erb +0 -6
- data/previews/docs/beta_subhead_preview/without_border.html.erb +0 -8
- data/previews/docs/beta_subhead_preview.rb +0 -15
- data/previews/docs/beta_text_preview/default.html.erb +0 -2
- data/previews/docs/beta_text_preview.rb +0 -7
- data/previews/docs/beta_timeline_item_preview/default.html.erb +0 -7
- data/previews/docs/beta_timeline_item_preview.rb +0 -7
- data/previews/docs/beta_truncate_preview/advanced_multiple_items.html.erb +0 -9
- data/previews/docs/beta_truncate_preview/default.html.erb +0 -1
- data/previews/docs/beta_truncate_preview/expand_on_hover_or_focus.html.erb +0 -6
- data/previews/docs/beta_truncate_preview/max_widths.html.erb +0 -5
- data/previews/docs/beta_truncate_preview/max_widths_on_new_lines.html.erb +0 -11
- data/previews/docs/beta_truncate_preview/multiple_items.html.erb +0 -6
- data/previews/docs/beta_truncate_preview.rb +0 -17
- data/previews/docs/blankslate_component_preview/action_button.html.erb +0 -8
- data/previews/docs/blankslate_component_preview/basic.html.erb +0 -4
- data/previews/docs/blankslate_component_preview/custom_content.html.erb +0 -5
- data/previews/docs/blankslate_component_preview/icon.html.erb +0 -5
- data/previews/docs/blankslate_component_preview/link.html.erb +0 -7
- data/previews/docs/blankslate_component_preview/loading.html.erb +0 -6
- data/previews/docs/blankslate_component_preview/variations.html.erb +0 -8
- data/previews/docs/blankslate_component_preview.rb +0 -19
- data/previews/docs/box_preview/color_and_padding.html.erb +0 -1
- data/previews/docs/box_preview/default.html.erb +0 -1
- data/previews/docs/box_preview.rb +0 -9
- data/previews/docs/button_component_preview/block.html.erb +0 -2
- data/previews/docs/button_component_preview/schemes.html.erb +0 -6
- data/previews/docs/button_component_preview/sizes.html.erb +0 -2
- data/previews/docs/button_component_preview/with_dropdown_caret.html.erb +0 -3
- data/previews/docs/button_component_preview/with_leading_and_trailing_visuals.html.erb +0 -5
- data/previews/docs/button_component_preview/with_leading_visual.html.erb +0 -4
- data/previews/docs/button_component_preview/with_tooltip.html.erb +0 -4
- data/previews/docs/button_component_preview/with_trailing_visual.html.erb +0 -4
- data/previews/docs/button_component_preview.rb +0 -21
- data/previews/docs/dropdown_preview/customizing_menu_items.html.erb +0 -11
- data/previews/docs/dropdown_preview/customizing_the_button.html.erb +0 -12
- data/previews/docs/dropdown_preview/default.html.erb +0 -11
- data/previews/docs/dropdown_preview/menu_as_list.html.erb +0 -13
- data/previews/docs/dropdown_preview/with_caret.html.erb +0 -12
- data/previews/docs/dropdown_preview/with_direction.html.erb +0 -12
- data/previews/docs/dropdown_preview/with_dividers.html.erb +0 -16
- data/previews/docs/dropdown_preview.rb +0 -19
- data/previews/docs/hellip_button_preview/default.html.erb +0 -1
- data/previews/docs/hellip_button_preview/inline.html.erb +0 -1
- data/previews/docs/hellip_button_preview/styling_the_button.html.erb +0 -1
- data/previews/docs/hellip_button_preview.rb +0 -11
- data/previews/docs/icon_button_preview/custom_tooltip_direction.html.erb +0 -2
- data/previews/docs/icon_button_preview/default.html.erb +0 -2
- data/previews/docs/icon_button_preview/in_a_borderbox.html.erb +0 -7
- data/previews/docs/icon_button_preview/schemes.html.erb +0 -3
- data/previews/docs/icon_button_preview/with_an_aria_description.html.erb +0 -1
- data/previews/docs/icon_button_preview.rb +0 -15
- data/previews/docs/label_component_preview/inline.html.erb +0 -2
- data/previews/docs/label_component_preview/schemes.html.erb +0 -10
- data/previews/docs/label_component_preview/sizes.html.erb +0 -2
- data/previews/docs/label_component_preview.rb +0 -11
- data/previews/docs/layout_component_preview/default.html.erb +0 -4
- data/previews/docs/layout_component_preview/left_sidebar.html.erb +0 -4
- data/previews/docs/layout_component_preview.rb +0 -9
- data/previews/docs/link_component_preview/default.html.erb +0 -1
- data/previews/docs/link_component_preview/muted.html.erb +0 -1
- data/previews/docs/link_component_preview/schemes.html.erb +0 -2
- data/previews/docs/link_component_preview/with_tooltip.html.erb +0 -4
- data/previews/docs/link_component_preview/without_underline.html.erb +0 -1
- data/previews/docs/link_component_preview.rb +0 -15
- data/previews/docs/local_time_preview/all_the_options.html.erb +0 -1
- data/previews/docs/local_time_preview/default.html.erb +0 -1
- data/previews/docs/local_time_preview/with_initial_content.html.erb +0 -4
- data/previews/docs/local_time_preview.rb +0 -11
- data/previews/docs/markdown_preview/default.html.erb +0 -260
- data/previews/docs/markdown_preview.rb +0 -7
- data/previews/docs/menu_component_preview/default.html.erb +0 -17
- data/previews/docs/menu_component_preview.rb +0 -7
- data/previews/docs/navigation_tab_component_preview/default.html.erb +0 -6
- data/previews/docs/navigation_tab_component_preview/inside_a_list.html.erb +0 -3
- data/previews/docs/navigation_tab_component_preview/with_custom_html.html.erb +0 -5
- data/previews/docs/navigation_tab_component_preview/with_icons_and_counters.html.erb +0 -13
- data/previews/docs/navigation_tab_component_preview.rb +0 -13
- data/previews/docs/octicon_component_preview/default.html.erb +0 -2
- data/previews/docs/octicon_component_preview/helper.html.erb +0 -1
- data/previews/docs/octicon_component_preview/medium.html.erb +0 -1
- data/previews/docs/octicon_component_preview.rb +0 -11
- data/previews/docs/octicon_symbols_component_preview/symbol_dictionary.html.erb +0 -4
- data/previews/docs/octicon_symbols_component_preview.rb +0 -7
- data/previews/docs/popover_component_preview/caret_position.html.erb +0 -8
- data/previews/docs/popover_component_preview/default.html.erb +0 -8
- data/previews/docs/popover_component_preview/large.html.erb +0 -8
- data/previews/docs/popover_component_preview/with_multiple_elements_in_the_body.html.erb +0 -11
- data/previews/docs/popover_component_preview.rb +0 -13
- data/previews/docs/spinner_component_preview/default.html.erb +0 -1
- data/previews/docs/spinner_component_preview/large.html.erb +0 -1
- data/previews/docs/spinner_component_preview/small.html.erb +0 -1
- data/previews/docs/spinner_component_preview.rb +0 -11
- data/previews/docs/state_component_preview/default.html.erb +0 -1
- data/previews/docs/state_component_preview/schemes.html.erb +0 -4
- data/previews/docs/state_component_preview/sizes.html.erb +0 -2
- data/previews/docs/state_component_preview.rb +0 -11
- data/previews/docs/subhead_component_preview/default.html.erb +0 -8
- data/previews/docs/subhead_component_preview/with_actions.html.erb +0 -15
- data/previews/docs/subhead_component_preview/with_dangerous_heading.html.erb +0 -8
- data/previews/docs/subhead_component_preview/with_long_description.html.erb +0 -6
- data/previews/docs/subhead_component_preview/without_border.html.erb +0 -8
- data/previews/docs/subhead_component_preview.rb +0 -15
- data/previews/docs/tab_container_component_preview/default.html.erb +0 -16
- data/previews/docs/tab_container_component_preview.rb +0 -7
- data/previews/docs/time_ago_component_preview/default.html.erb +0 -1
- data/previews/docs/time_ago_component_preview.rb +0 -7
- data/previews/docs/timeline_item_component_preview/default.html.erb +0 -7
- data/previews/docs/timeline_item_component_preview.rb +0 -7
- data/previews/docs/tooltip_preview/default.html.erb +0 -3
- data/previews/docs/tooltip_preview/with_a_direction.html.erb +0 -3
- data/previews/docs/tooltip_preview/with_an_alignment.html.erb +0 -3
- data/previews/docs/tooltip_preview/without_a_delay.html.erb +0 -3
- data/previews/docs/tooltip_preview/wrapping_another_component.html.erb +0 -5
- data/previews/docs/tooltip_preview.rb +0 -15
- data/previews/docs/truncate_preview/custom_size.html.erb +0 -1
- data/previews/docs/truncate_preview/default.html.erb +0 -3
- data/previews/docs/truncate_preview/expandable.html.erb +0 -1
- data/previews/docs/truncate_preview/inline.html.erb +0 -1
- data/previews/docs/truncate_preview/with_html_content.html.erb +0 -3
- data/previews/docs/truncate_preview.rb +0 -15
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::RelativeTime.new(datetime: Time.at(628232400))) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::RelativeTime.new(datetime: Time.at(628232400), format: :elapsed)) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::RelativeTime.new(datetime: Time.at(628232400), tense: :past)) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Spinner.new) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Spinner.new(size: :large)) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Spinner.new(size: :small)) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::State.new(title: "title")) { "State" } %>
|
@@ -1,4 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::State.new(title: "title")) { "Default" } %>
|
2
|
-
<%= render(Yattho::Beta::State.new(title: "title", scheme: :open)) { "Open" } %>
|
3
|
-
<%= render(Yattho::Beta::State.new(title: "title", scheme: :closed)) { "Closed" } %>
|
4
|
-
<%= render(Yattho::Beta::State.new(title: "title", scheme: :merged)) { "Merged" } %>
|
@@ -1,15 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Subhead.new) do |component| %>
|
2
|
-
<% component.with_heading do %>
|
3
|
-
My Heading
|
4
|
-
<% end %>
|
5
|
-
<% component.with_description do %>
|
6
|
-
My Description
|
7
|
-
<% end %>
|
8
|
-
<% component.with_actions do %>
|
9
|
-
<%= render(
|
10
|
-
Yattho::ButtonComponent.new(
|
11
|
-
tag: :a, href: "http://www.google.com", scheme: :danger
|
12
|
-
)
|
13
|
-
) { "Action" } %>
|
14
|
-
<% end %>
|
15
|
-
<% end %>
|
@@ -1,6 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Subhead.new) do |component| %>
|
2
|
-
<% component.with_heading(tag: :h3) do %>
|
3
|
-
My Heading
|
4
|
-
<% end %>
|
5
|
-
<% end %>
|
6
|
-
<p> This is a longer description that is sitting below the Subhead. It's much longer than a description that could sit comfortably in the Subhead. </p>
|
@@ -1,15 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Docs
|
4
|
-
class BetaSubheadPreview < ViewComponent::Preview
|
5
|
-
def default; end
|
6
|
-
|
7
|
-
def with_dangerous_heading; end
|
8
|
-
|
9
|
-
def with_long_description; end
|
10
|
-
|
11
|
-
def without_border; end
|
12
|
-
|
13
|
-
def with_actions; end
|
14
|
-
end
|
15
|
-
end
|
@@ -1,7 +0,0 @@
|
|
1
|
-
<div style="padding-left: 60px">
|
2
|
-
<%= render(Yattho::Beta::TimelineItem.new) do |component| %>
|
3
|
-
<% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "github") %>
|
4
|
-
<% component.with_badge(bg: :success_emphasis, color: :on_emphasis, icon: :check) %>
|
5
|
-
<% component.with_body { "Success!" } %>
|
6
|
-
<% end %>
|
7
|
-
</div>
|
@@ -1,9 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Truncate.new(tag: :ol)) do |component| %>
|
2
|
-
<% component.with_item(tag: :li) do %>yattho<% end %>
|
3
|
-
<% component.with_item(tag: :li, priority: true) do %>/ css<% end %>
|
4
|
-
<% component.with_item(tag: :li) do %>/ Issues<% end %>
|
5
|
-
<% component.with_item(tag: :li) do %>/ #123 —<% end %>
|
6
|
-
<% component.with_item(tag: :li, priority: true) do %>
|
7
|
-
Visual bug on yattho.com found in lists
|
8
|
-
<% end %>
|
9
|
-
<% end %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Truncate.new) { "branch-name-that-is-really-long" } %>
|
@@ -1,6 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Truncate.new) do |component| %>
|
2
|
-
<% component.with_item(tag: :a, href: "#", expandable: true) do %>really-long-repository-owner-name<% end %>
|
3
|
-
<% component.with_item(tag: :a, href: "#", expandable: true) do %>really-long-repository-owner-name<% end %>
|
4
|
-
<% component.with_item(tag: :a, href: "#", expandable: true) do %>really-long-repository-owner-name<% end %>
|
5
|
-
<% component.with_item(tag: :a, href: "#", expandable: true) do %>really-long-repository-owner-name<% end %>
|
6
|
-
<% end %>
|
@@ -1,5 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Truncate.new) do |component| %>
|
2
|
-
<% component.with_item(max_width: 300, expandable: true) do %>branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long<% end %>
|
3
|
-
<% component.with_item(max_width: 200, expandable: true) do %>branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long<% end %>
|
4
|
-
<% component.with_item(max_width: 100, expandable: true) do %>branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long<% end %>
|
5
|
-
<% end %>
|
@@ -1,11 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Truncate.new) do |component| %>
|
2
|
-
<% component.with_item(max_width: 300, expandable: true) do %>branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long<% end %>
|
3
|
-
<% end %>
|
4
|
-
<br/>
|
5
|
-
<%= render(Yattho::Beta::Truncate.new) do |component| %>
|
6
|
-
<% component.with_item(max_width: 200, expandable: true) do %>branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long<% end %>
|
7
|
-
<% end %>
|
8
|
-
<br/>
|
9
|
-
<%= render(Yattho::Beta::Truncate.new) do |component| %>
|
10
|
-
<% component.with_item(max_width: 100, expandable: true) do %>branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long<% end %>
|
11
|
-
<% end %>
|
@@ -1,6 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Beta::Truncate.new) do |component| %>
|
2
|
-
<% component.with_item do %>really-long-repository-owner-name<% end %>
|
3
|
-
<% component.with_item(font_weight: :bold) do %>
|
4
|
-
<%= render(Yattho::BaseComponent.new(tag: :span, font_weight: :normal)) { "/" } %> really-long-repository-name
|
5
|
-
<% end %>
|
6
|
-
<% end %>
|
@@ -1,17 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Docs
|
4
|
-
class BetaTruncatePreview < ViewComponent::Preview
|
5
|
-
def default; end
|
6
|
-
|
7
|
-
def multiple_items; end
|
8
|
-
|
9
|
-
def advanced_multiple_items; end
|
10
|
-
|
11
|
-
def expand_on_hover_or_focus; end
|
12
|
-
|
13
|
-
def max_widths; end
|
14
|
-
|
15
|
-
def max_widths_on_new_lines; end
|
16
|
-
end
|
17
|
-
end
|
@@ -1,8 +0,0 @@
|
|
1
|
-
<%= render Yattho::BlankslateComponent.new(
|
2
|
-
icon: :book,
|
3
|
-
title: "Welcome to the mona wiki!",
|
4
|
-
description: "Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and document software better, together.",
|
5
|
-
|
6
|
-
button_text: "Create the first page",
|
7
|
-
button_url: "https://github.com/monalisa/mona/wiki/_new",
|
8
|
-
) %>
|
@@ -1,7 +0,0 @@
|
|
1
|
-
<%= render Yattho::BlankslateComponent.new(
|
2
|
-
icon: :book,
|
3
|
-
title: "Welcome to the mona wiki!",
|
4
|
-
description: "Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and document software better, together.",
|
5
|
-
link_text: "Learn more about wikis",
|
6
|
-
link_url: "https://docs.github.com/en/github/building-a-strong-community/about-wikis",
|
7
|
-
) %>
|
@@ -1,8 +0,0 @@
|
|
1
|
-
<%= render Yattho::BlankslateComponent.new(
|
2
|
-
icon: :book,
|
3
|
-
title: "Welcome to the mona wiki!",
|
4
|
-
description: "Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and document software better, together.",
|
5
|
-
narrow: true,
|
6
|
-
large: true,
|
7
|
-
spacious: true,
|
8
|
-
) %>
|
@@ -1,19 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Docs
|
4
|
-
class BlankslateComponentPreview < ViewComponent::Preview
|
5
|
-
def basic; end
|
6
|
-
|
7
|
-
def icon; end
|
8
|
-
|
9
|
-
def loading; end
|
10
|
-
|
11
|
-
def custom_content; end
|
12
|
-
|
13
|
-
def action_button; end
|
14
|
-
|
15
|
-
def link; end
|
16
|
-
|
17
|
-
def variations; end
|
18
|
-
end
|
19
|
-
end
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Box.new(bg: :subtle, p: 3)) { "Hello world" } %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Box.new) { "Your content here" } %>
|
@@ -1,6 +0,0 @@
|
|
1
|
-
<%= render(Yattho::ButtonComponent.new) { "Default" } %>
|
2
|
-
<%= render(Yattho::ButtonComponent.new(scheme: :primary)) { "Primary" } %>
|
3
|
-
<%= render(Yattho::ButtonComponent.new(scheme: :danger)) { "Danger" } %>
|
4
|
-
<%= render(Yattho::ButtonComponent.new(scheme: :outline)) { "Outline" } %>
|
5
|
-
<%= render(Yattho::ButtonComponent.new(scheme: :invisible)) { "Invisible" } %>
|
6
|
-
<%= render(Yattho::ButtonComponent.new(scheme: :link)) { "Link" } %>
|
@@ -1,21 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Docs
|
4
|
-
class ButtonComponentPreview < ViewComponent::Preview
|
5
|
-
def schemes; end
|
6
|
-
|
7
|
-
def sizes; end
|
8
|
-
|
9
|
-
def block; end
|
10
|
-
|
11
|
-
def with_leading_visual; end
|
12
|
-
|
13
|
-
def with_trailing_visual; end
|
14
|
-
|
15
|
-
def with_leading_and_trailing_visuals; end
|
16
|
-
|
17
|
-
def with_dropdown_caret; end
|
18
|
-
|
19
|
-
def with_tooltip; end
|
20
|
-
end
|
21
|
-
end
|
@@ -1,11 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::Dropdown.new) do |component| %>
|
2
|
-
<% component.with_button do %>
|
3
|
-
Dropdown
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<% component.with_menu(header: "Options") do |menu|
|
7
|
-
menu.with_item(tag: :button) { "Item 1" }
|
8
|
-
menu.with_item(classes: "custom-class") { "Item 2" }
|
9
|
-
menu.with_item { "Item 3" }
|
10
|
-
end %>
|
11
|
-
<% end %>
|
@@ -1,12 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::Dropdown.new) do |component| %>
|
2
|
-
<% component.with_button(scheme: :primary, size: :small) do %>
|
3
|
-
Dropdown
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<% component.with_menu(header: "Options") do |menu|
|
7
|
-
menu.with_item { "Item 1" }
|
8
|
-
menu.with_item { "Item 2" }
|
9
|
-
menu.with_item { "Item 3" }
|
10
|
-
menu.with_item { "Item 4" }
|
11
|
-
end %>
|
12
|
-
<% end %>
|
@@ -1,11 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::Dropdown.new) do |component| %>
|
2
|
-
<% component.with_button do %>
|
3
|
-
Dropdown
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<% component.with_menu(header: "Options") do |menu|
|
7
|
-
menu.with_item { "Item 1" }
|
8
|
-
menu.with_item { "Item 2" }
|
9
|
-
menu.with_item { "Item 3" }
|
10
|
-
end %>
|
11
|
-
<% end %>
|
@@ -1,13 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::Dropdown.new) do |component| %>
|
2
|
-
<% component.with_button do %>
|
3
|
-
Dropdown
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<% component.with_menu(as: :list, header: "Options") do |menu|
|
7
|
-
menu.with_item { "Item 1" }
|
8
|
-
menu.with_item { "Item 2" }
|
9
|
-
menu.with_item(divider: true)
|
10
|
-
menu.with_item { "Item 3" }
|
11
|
-
menu.with_item { "Item 4" }
|
12
|
-
end %>
|
13
|
-
<% end %>
|
@@ -1,12 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::Dropdown.new(with_caret: true)) do |component| %>
|
2
|
-
<% component.with_button do %>
|
3
|
-
Dropdown
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<% component.with_menu(header: "Options") do |menu|
|
7
|
-
menu.with_item { "Item 1" }
|
8
|
-
menu.with_item { "Item 2" }
|
9
|
-
menu.with_item { "Item 3" }
|
10
|
-
menu.with_item { "Item 4" }
|
11
|
-
end %>
|
12
|
-
<% end %>
|
@@ -1,12 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::Dropdown.new(display: :inline_block)) do |component| %>
|
2
|
-
<% component.with_button do %>
|
3
|
-
Dropdown
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<% component.with_menu(header: "Options", direction: :s) do |menu|
|
7
|
-
menu.with_item { "Item 1" }
|
8
|
-
menu.with_item { "Item 2" }
|
9
|
-
menu.with_item { "Item 3" }
|
10
|
-
menu.with_item { "Item 4" }
|
11
|
-
end %>
|
12
|
-
<% end %>
|
@@ -1,16 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::Dropdown.new) do |component| %>
|
2
|
-
<% component.with_button do %>
|
3
|
-
Dropdown
|
4
|
-
<% end %>
|
5
|
-
|
6
|
-
<% component.with_menu(header: "Options") do |menu|
|
7
|
-
menu.with_item { "Item 1" }
|
8
|
-
menu.with_item { "Item 2" }
|
9
|
-
menu.with_item(divider: true)
|
10
|
-
menu.with_item { "Item 3" }
|
11
|
-
menu.with_item { "Item 4" }
|
12
|
-
menu.with_item(divider: true)
|
13
|
-
menu.with_item { "Item 5" }
|
14
|
-
menu.with_item { "Item 6" }
|
15
|
-
end %>
|
16
|
-
<% end %>
|
@@ -1,19 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Docs
|
4
|
-
class DropdownPreview < ViewComponent::Preview
|
5
|
-
def default; end
|
6
|
-
|
7
|
-
def with_dividers; end
|
8
|
-
|
9
|
-
def with_direction; end
|
10
|
-
|
11
|
-
def with_caret; end
|
12
|
-
|
13
|
-
def customizing_the_button; end
|
14
|
-
|
15
|
-
def menu_as_list; end
|
16
|
-
|
17
|
-
def customizing_menu_items; end
|
18
|
-
end
|
19
|
-
end
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::HellipButton.new("aria-label": "No effect")) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::HellipButton.new(inline: true, "aria-label": "No effect")) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::Alpha::HellipButton.new(p: 1, classes: "custom-class", "aria-label": "No effect")) %>
|
@@ -1 +0,0 @@
|
|
1
|
-
<%= render(Yattho::IconButton.new(icon: :bold, "aria-label": "Bold", "aria-description": "Add bold text, Cmd+b")) %>
|