❀Nitrogen Peroxide Monoxide

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

    2.0.0Β β€’Β PublicΒ β€’Β Published

    @apollo-elements/components

    Published on npm Published on webcomponents.org ISC License Release

    πŸš€ GraphQL in HTML πŸŒ‘

    πŸ¦… The element has upgraded πŸ‘¨β€πŸš€

    <apollo-client>
      <apollo-query>
        <script type="application/graphql" src="Users.query.graphql"></script>
        <template>
          <h2>Add a New User</h2>
          <apollo-mutation refetch-queries="Users" await-refetch-queries>
            <script type="application/graphql" src="AddUser.mutation.graphql"></script>
            <mwc-textfield label="Name"
                           slot="name"
                           data-variable="name"
                           .disabled="{{ loading }}"></mwc-textfield>
            <mwc-button label="Submit"
                        trigger
                        slot="name"
                        .disabled="{{ loading }}"></mwc-button>
            <template>
              <form>
                <slot name="name"></slot>
                <mwc-linear-progress indeterminate .closed="{{ !loading }}"></mwc-linear-progress>
                <slot name="submit"></slot>
              </form>
            </template>
          </apollo-mutation>
          <h2>All Users</h2>
          <mwc-list>
            <template type="repeat" repeat="{{ data.users ?? [] }}">
              <mwc-list-item noninteractive graphic="avatar">
                <img .src="{{ item.picture }}" slot="graphic" alt=""/>
                {{ item.name }}
              </mwc-list-item>
            </template>
          </mwc-list>
        </template>
      </apollo-query>
    </apollo-client>

    ✨ Read the guides and API docs on The Apollo Elements site

    Install

    npm i @apollo-elements/components

    DownloadsWeekly Downloads

    22

    Version

    2.0.0

    License

    ISC

    Unpacked Size

    665 kB

    Total Files

    43

    Last publish

    Collaborators

    • bennyp