apollo-elements/apollo-elements

---
layout: layout-deck
title: GraphQL in HTML with Apollo Elements
description: Declarative Data that Uses the Platform
socialMediaImage: https://apolloelements.dev/azconf-dev-2021/images/poster.png
cover_image: https://apolloelements.dev/azconf-dev-2021/images/poster.png
templateEngineOverride: njk,md
unbind: true
---
<div slot="progress" style="display: contents;">
  <sl-progress-bar id="slides-progress" indeterminate></sl-progress-bar>
</div>

<link data-helmet rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Rubik&display=swap">

<link data-helmet rel="stylesheet"
      href="{{ '/decks/azconf-dev-2021/graphql-in-html.css' | asset | url }}"/>

<link data-helmet rel="stylesheet"
      href="{{ '/decks/azconf-dev-2021/azconf-styles.css' | asset | url }}"/>

<link data-helmet rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.55/dist/themes/dark.css">

<script data-helmet type="module"
        src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.55/dist/shoelace.js"></script>

<script data-helmet type="module"
        src="{{ '/decks/azconf-dev-2021/slides-script.js' | asset | url }}"></script>