Wondering what’s next for npm?Check out our public roadmap! Β»

@apollo-elements/polymerTypeScript icon, indicating that this package has built-in type declarations

3.4.0Β β€’Β PublicΒ β€’Β Published

@apollo-elements/polymer

Published on npm Published on webcomponents.org ISC License Release

πŸš€ Custom Elements with Polymer-style two-way binding from your Apollo cache 🌜

πŸ‘©β€πŸš€ For developing with space-age Polymers πŸ‘¨β€πŸš€

πŸ”Ž Read the Full API Docs πŸ”Ž

πŸ““ Contents

πŸ”§ Installation

apollo-elements are distributed through npm the node package manager. To install a copy of the latest version of these elements in your project's node_modules directory, first Install npm on your system, then run the following command in your project's root directory:

npm install --save @apollo-elements/polymer

@apollo-elements/polymer does not depend on @polymer/polymer. The components extend directly from HTMLElement, so they're suitable for use in any project, not just Polymer library apps.

πŸ‘©β€πŸš€ Usage

See our docs on setting up Apollo client so your components can fetch their data.

Just import the elements.

import '@apollo-elements/polymer/apollo-query';
import '@apollo-elements/polymer/apollo-mutation';

You can now use them in your polymer template:

<apollo-query data="{{data}}" variables="[[variables]]">
  <script type="application/graphql">
    query User($id: ID!)
      user(id: $id) {
        name
        picture
      }
    }
  </script>
</apollo-query>

<paper-icon-item>
  <iron-image slot="item-icon">[[data.user.picture]]</iron-image>
  [[data.user.name]]
</paper-icon-item>

πŸ“š Other Libraries

Looking for other libraries? Want to use Apollo with vanilla extends HTMLElement components? Check out our docs site

πŸ‘·β€β™‚οΈ Maintainers

apollo-elements is a community project maintained by Benny Powers.

Contact me on Codementor

Install

npm i @apollo-elements/polymer

DownloadsWeekly Downloads

234

Version

3.4.0

License

ISC

Unpacked Size

110 kB

Total Files

31

Last publish

Collaborators

  • avatar