info:
  type: content_page
  title: 'Text Blocks Paragraph'
  path:
    alias: /documentation/text-blocks-paragraph
    pathauto: 0
field_page_section:
  paragraphs:
    -
      paragraph_type: d_p_text_paged
      data:
        field_d_main_title:
          type: text
          data: 'Text Blocks Paragraph'
        field_d_subtitle:
          type: text
          data: 'Droopler Documentation'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-primary padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          heading_type: h1
    -
      paragraph_type: d_p_text_paged
      data:
        field_d_main_title:
          type: text
          data: 'Full Example'
        field_d_long_text:
          type: text_long
          data: '<p>This paragraph is a typical component of every company website. You can use it to list some features or present a list of guest/sponsors at your event. Each item gets its title, icon, description and CTA button. So many possibilities!</p>'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-gray padding-top-default padding-bottom-default margin-top-default margin-bottom-default
    -
      paragraph_type: d_p_group_of_text_blocks
      data:
        field_d_media_icon:
          type: media_image
          directory: demo
          files:
            -
              path: d_demo/demo_droopler.svg
              alt: 'Droopler logo'
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_cta_link:
          type: cta
          data:
            link: 'internal:/documentation/text-blocks-paragraph'
            text: 'Call To Action!'
        field_d_p_tb_block_reference:
          type: paragraph_reference
          data:
            -
              field_d_media_icon:
                type: media_image
                directory: demo
                files:
                  -
                    path: d_demo/d_demo_icon_car.svg
                    alt: 'Car icon'
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_cta_link:
                type: cta
                data:
                  link: 'internal:/documentation/text-blocks-paragraph'
                  text: 'Learn more...'
            -
              field_d_media_icon:
                type: media_image
                directory: demo
                files:
                  -
                    path: d_demo/d_demo_icon_boat.svg
                    alt: 'Boat icon'
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_cta_link:
                type: cta
                data:
                  link: 'internal:/documentation/text-blocks-paragraph'
                  text: 'Learn more...'
            -
              field_d_media_icon:
                type: media_image
                directory: demo
                files:
                  -
                    path: d_demo/d_demo_icon_plane.svg
                    alt: 'Plane icon'
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_cta_link:
                type: cta
                data:
                  link: 'internal:/documentation/text-blocks-paragraph'
                  text: 'Learn more...'
            -
              field_d_media_icon:
                type: media_image
                directory: demo
                files:
                  -
                    path: d_demo/d_demo_icon_car.svg
                    alt: 'Car icon'
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_cta_link:
                type: cta
                data:
                  link: 'internal:/documentation/text-blocks-paragraph'
                  text: 'Learn more...'
            -
              field_d_media_icon:
                type: media_image
                directory: demo
                files:
                  -
                    path: d_demo/d_demo_icon_boat.svg
                    alt: 'Boat icon'
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_cta_link:
                type: cta
                data:
                  link: 'internal:/documentation/text-blocks-paragraph'
                  text: 'Learn more...'
            -
              field_d_media_icon:
                type: media_image
                directory: demo
                files:
                  -
                    path: d_demo/d_demo_icon_plane.svg
                    alt: 'Plane icon'
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_cta_link:
                type: cta
                data:
                  link: 'internal:/documentation/text-blocks-paragraph'
                  text: 'Learn more...'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: full-example theme-default padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          column_count: 3
    -
      paragraph_type: d_p_text_paged
      data:
        field_d_main_title:
          type: text
          data: 'Basic Example'
        field_d_long_text:
          type: text_long
          data: '<p>Here you can see a simpler version of Text Blocks Paragraph. There are no icons or CTAs. It looks clean. Have you noticed an increased number of columns? With Droopler you can choose how many columns you want to have in one row (1-12).</p>'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-gray padding-top-default padding-bottom-default margin-top-default margin-bottom-default
    -
      paragraph_type: d_p_group_of_text_blocks
      data:
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_p_tb_block_reference:
          type: paragraph_reference
          data:
            -
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
            -
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
            -
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
            -
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: basic-example theme-default padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          column_count: 4
    -
      paragraph_type: d_p_text_paged
      data:
        field_d_main_title:
          type: text
          data: 'Theme Invert and Full Width Example'
        field_d_long_text:
          type: text_long
          data: '<p>Choose the "Invert theme" option to invert all paragraph colors. The background becomes dark, the text is white now. Choose the "Full width" option to span the paragraph 100% width.</p>'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-gray padding-top-default padding-bottom-default margin-top-default margin-bottom-default
    -
      paragraph_type: d_p_group_of_text_blocks
      data:
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_long_text:
          type: text_long
          data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-primary full-width padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          column_count: 4
        field_d_p_tb_block_reference:
          type: paragraph_reference
          data:
            -
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_settings:
                type: field_p_configuration_storage
                custom_class: theme-default
            -
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_settings:
                type: field_p_configuration_storage
                custom_class: theme-default
            -
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_settings:
                type: field_p_configuration_storage
                custom_class: theme-default
            -
              field_d_main_title:
                type: text
                data: 'Box Main Title'
              field_d_long_text:
                type: text_long
                data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
              field_d_settings:
                type: field_p_configuration_storage
                custom_class: theme-default
    -
      paragraph_type: d_p_text_paged
      data:
        field_d_main_title:
          type: text
          data: 'Nodes in Grid Example'
        field_d_long_text:
          type: text_long
          data: '<p>This paragraph accepts not only text blocks. You can put a node inside it. Check the "Enable grid" option to put everything into a grid.</p>'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-gray padding-top-default padding-bottom-default margin-top-default margin-bottom-default
    -
      paragraph_type: d_p_group_of_text_blocks
      data:
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_long_text:
          type: text_long
          data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida.</p>'
        field_d_cta_link:
          type: cta
          data:
            link: 'internal:/documentation/text-blocks-paragraph'
            text: 'Call to Action!'
            options:
              attributes:
                class:
                  - btn
                  - btn-primary
                  - mt-4
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: full-width with-grid nodes-grid-example theme-default padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          column_count: 3
        field_d_p_tb_block_reference:
          type: paragraph_reference
          subtype: paragraphs_wrapper
          data:
            -
              paragraph_type: d_p_node
              data:
                field_d_display_mode:
                  type: text_select
                  data: d_small_box
                field_d_node_reference:
                  type: entity_reference
                  data:
                    target_search:
                      title: 'Super Charged Engine v12'
                      type: d_product
            -
              paragraph_type: d_p_node
              data:
                field_d_display_mode:
                  type: text_select
                  data: d_small_box
                field_d_node_reference:
                  type: entity_reference
                  data:
                    target_search:
                      title: 'Centurion 3000'
                      type: d_product
            -
              paragraph_type: d_p_node
              data:
                field_d_display_mode:
                  type: text_select
                  data: d_small_box
                field_d_node_reference:
                  type: entity_reference
                  data:
                    target_search:
                      title: 'Marine-XT 550'
                      type: d_product
    -
      paragraph_type: d_p_text_paged
      data:
        field_d_main_title:
          type: text
          data: 'Tiles Example'
        field_d_long_text:
          type: text_long
          data: '<p>You can convert all paragraph items to clickable tiles with an image background. In this example, we enabled the "Paragraph header in two columns" option.</p>'
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: theme-gray padding-top-default padding-bottom-default margin-top-default margin-bottom-default
    -
      paragraph_type: d_p_group_of_text_blocks
      data:
        field_d_settings:
          type: field_p_configuration_storage
          custom_class: full-width with-tiles header-into-columns theme-default padding-top-default padding-bottom-default margin-top-default margin-bottom-default
          column_count: 4
        field_d_main_title:
          type: text
          data: 'Main Title'
        field_d_long_text:
          type: text_long
          data: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam cursus tristique dui dignissim gravida. Duis tristique sem non interdum ultricies.</p>'
        field_d_p_tb_block_reference:
          type: paragraph_reference
          subtype: paragraphs_wrapper
          data:
            -
              paragraph_type: d_p_single_text_block
              data:
                field_d_media_background:
                  type: media_image
                  directory: demo
                  files:
                    -
                      path: d_demo/d_demo_tile_boat.jpg
                      alt: Boat
                field_d_main_title:
                  type: text
                  data: 'Box Main Title'
                field_d_cta_link:
                  type: cta
                  data:
                    link: 'internal:/boats'
                    text: 'For boat manufacturers'
                field_d_settings:
                  type: field_p_configuration_storage
                  custom_class: 'tile theme-default'
            -
              paragraph_type: d_p_single_text_block
              data:
                field_d_media_background:
                  type: media_image
                  directory: demo
                  files:
                    -
                      path: d_demo/d_demo_tile_plane.jpg
                      alt: Airplane
                field_d_main_title:
                  type: text
                  data: 'Box Main Title'
                field_d_cta_link:
                  type: cta
                  data:
                    link: 'internal:/aircrafts'
                    text: 'For airplane manufacturers'
                field_d_settings:
                  type: field_p_configuration_storage
                  custom_class: 'tile theme-default'
            -
              paragraph_type: d_p_single_text_block
              data:
                field_d_media_background:
                  type: media_image
                  directory: demo
                  files:
                    -
                      path: d_demo/d_demo_tile_car.jpg
                      alt: Car
                field_d_main_title:
                  type: text
                  data: 'Box Main Title'
                field_d_cta_link:
                  type: cta
                  data:
                    link: 'internal:/cars'
                    text: 'For car manufacturers'
                field_d_settings:
                  type: field_p_configuration_storage
                  custom_class: 'tile theme-default'
            -
              paragraph_type: d_p_single_text_block
              data:
                field_d_media_background:
                  type: media_image
                  directory: demo
                  files:
                    -
                      path: d_demo/d_demo_tile_spaceship.jpg
                      alt: Spaceship
                field_d_main_title:
                  type: text
                  data: 'Box Main Title'
                field_d_cta_link:
                  type: cta
                  data:
                    link: 'internal:/spacecrafts'
                    text: 'For spaceship manufacturers'
                field_d_settings:
                  type: field_p_configuration_storage
                  custom_class: 'tile theme-gray'
field_teaser_media_image:
  type: media_image
  directory: demo
  files:
    -
      path: d_demo/demo-logo.svg
      alt: Droopler
field_teaser_text:
  type: text_long
  data: 'Discover possibilities of Droopler distribution for Drupal.'
