# 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.

## `<Breadcrumb />`

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](/introduction/icons) page for more
information.

## `<MediaImage />`

Displays images uploaded from the Drupal media library using dynamic rokka.io image styles. See
the [Image handling](/introduction/images) 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.
