Vue Components

We have included a set of components to get you started with your next project. All components have minimal styling and are meant to showcase the data-fetching with GraphQL within your components.

A sample breadcrumb component fetching data from Drupal.

<Collabsible />

A sample accordion wrapper component.

<DrupalMessages />

An implementation of a messages component showing messages from Drupal.

<MediaIcon />

Displays SVG icons uploaded from the Drupal media library. See the Icon handling page for more information.

<MediaImage />

Displays images uploaded from the Drupal media library using dynamic rokka.io image styles. See the Image handling page for more information.

<NodePage />

A simple node page component with full blökkli integration as a starting point for any other content type.

<ParagraphAccordeon />

A paragraphs accordion component.

<ParagraphButton />

A paragraphs button component.

<ParagraphCarousel />

A paragraphs carousel component.

<ParagraphIconTextItem />

A paragraphs showing an icon and text.

<ParagraphIframe />

A paragraphs iframe component.

<ParagraphImage />

A paragraphs image component.

<ParagraphTeaser />

A paragraph showing a teaser (= entity reference) with a title, text and media.

<ParagraphText />

A paragraphs text component.

<ParagraphTextImage />

A paragraphs text / image component.

<ParagraphVideo />

A video component for Drupal remote videos supporting Youtube and Vimeo.

Table of Contents