Live example

Views embeds a Drupal View at render time. There is no item bundle. field_apb_vw_view is a viewsreference: target_id, display_id, and data as a PHP serialize() of title, offset, pager, header, argument, limit — not JSON. Display type is View as Is (any View style, native pager) or Boxed Card (Unformatted/HTML list only, APB grid plus optional border JSON). Admin form JS (not #states) toggles columns/gap/border when the type is boxed card, because #states is unreliable in nested Paragraphs subforms.

On the demo the example View is apb_views_example: block_1 Unformatted (boxed cards), block_2 Table (View as Is).

Overview

APB-DOCS-COMP-VIEWS

Views embeds a Drupal View at render time. There is no item bundle. field_apb_vw_view is a viewsreference: target_id, display_id, and data as a PHP serialize() of title, offset, pager, header, argument, limit — not JSON. Display type is View as Is (any View style, native pager) or Boxed Card (Unformatted/HTML list only, APB grid plus optional border JSON). Admin form JS (not #states) toggles columns/gap/border when the type is boxed card, because #states is unreliable in nested Paragraphs subforms.

On the demo the example View is apb_views_example: block_1 Unformatted (boxed cards), block_2 Table (View as Is).

Adding the component

Click Add Views. Select the View and display. Choose View as Is or Boxed Card. For boxed card, set columns, gap, and border JSON. Save. Listing Views used on translated hosts must filter langcode to the current content language.

Component configuration

Parent bundle apb_pb_views (Views). Shared fields (section title, placement, width, custom class, intro, container settings, access control) are documented once. Component-specific fields are listed in full from the live Field API dump dated 2026-09-03T03:15:35+00:00.

Container settings sections: padding, margin, border, background. Shared defaults and the validator regex are on Shared settings.

FieldLabelTypeRequiredAccepted valuesDefaultNotes
field_apb_pb_container_settingsContainer settingstext_longnoemptyShared. See Shared settings.
field_apb_vw_boxed_borderBoxed Card Border Settingstext_longnoemptyApplied when Display type is Boxed Card.
field_apb_vw_viewViewviewsreferenceyesentity: viewemptySelect a View and display; configure overrides below.
field_apb_pb_container_bg_mediaBackground mediaentity_referencenoentity: media (image, video, remote_video)emptyShared. See Shared settings.
field_apb_section_titleSection TitlestringnoemptyShared. See Shared settings.
field_apb_pb_introIntro Texttext_longnoemptyShared. See Shared settings.
field_apb_show_section_titleDisplay Section titlelist_stringyesno=No</code>, <code>yes=Yes[{"value":"no"}]Shared. See Shared settings.
field_apb_target_placementTarget placemententity_referenceyescurrent_position</code>, <code>main_content_no_container</code>, <code>main_content_top</code>, <code>main_content_bottom</code>, <code>presentation_region</code>, <code>sidebar_top</code>, <code>sidebar_bottom</code>, <code>internal_placement_1</code>, <code>internal_placement_2</code>, <code>internal_placement_3[{"target_id":52}]Shared. See Shared settings and Target placement.
field_apb_vw_display_type_txDisplay typeentity_referenceyesview_as_is</code>, <code>boxed_card[{"target_id":265}]
field_apb_columns_txNumber of columnsentity_referenceyes1_column</code>, <code>2_columns</code>, <code>3_columns</code>, <code>4_columns</code>, <code>5_columns</code>, <code>6_columns</code>, <code>7_columns</code>, <code>8_columns</code>, <code>9_columns</code>, <code>10_columns[{"target_id":17}]
field_apb_column_gap_txColumn Gapentity_referenceyes0px</code>, <code>4px</code>, <code>5px</code>, <code>8px</code>, <code>10px</code>, <code>15px</code>, <code>16px</code>, <code>20px</code>, <code>24px</code>, <code>25px</code>, <code>30px</code>, <code>32px</code>, <code>40px</code>, <code>48px</code>, <code>56px</code>, <code>64px[{"target_id":34}]Ignored when 1 column is selected.
field_apb_width_txComponent widthentity_referenceyes25_</code>, <code>33_</code>, <code>40_</code>, <code>50_</code>, <code>60_</code>, <code>66_</code>, <code>70_</code>, <code>75_</code>, <code>80_</code>, <code>90_</code>, <code>100_[{"target_id":72}]Shared. See Shared settings.
field_apb_custom_classCustom classstringnoemptyShared. See Shared settings.

Component items

This component has no repeatable item bundle.

Examples

Live working examples are on the demo site. Open https://demo.apb.aero.net/components/views for configurations of this component. That page links back here as View documentation.

Related documentation