GraphQL Survey

Take part in the GraphQL Challenges Survey 2023

GitHubGrapCMS Slack Community
Launch Hygraph
  • Docs Home
  • Getting Started
  • Guides
  • API Reference
  • App Framework
  • UI Extensions

  • Tutorials
  • Code Examples

  • hygraph.com

Getting started

  • Overview
  • Migrate to apps
  • Register an app
  • Using app tokens
  • Install an app
  • Delete an app

First Steps

  • 1. Overview
  • 2. Register your app
  • 3. Develop your app
  • 4. Installation flow
  • 5. Configuration flow
  • 6.a Field element
  • 6.b Sidebar element
  • 6.c Page element

Quick starters

  • Next.js

Field element

  • List renderer
  • Table renderer
  • Declaration

Sidebar element

  • Declaration

API Reference

  • Common props
  • Field element
  • Sidebar element
  • Page element
  • Additional types

Functions

  • OpenDialog
  • ShowToast
  • ToastOptions
  • useFieldExtension
  • useFormSidebarExtension
  • useApp

Constants

  • Constants

Examples

  • openAssetPicker method

Video resources

  • Creating a QR custom Sidebar Element
  • Simplify your localization workflow with Lokalise

Libraries

  • React SDK
  • JavaScript SDK

Page element API reference

Page App Elements can use the useApp hook to get access to common props.

function useApp(): ExtensionPropsBase;

You can refer to this example on how to develop your Page App Element to learn more about the use of the useApp hook in this context.

If you want to see a live example of an app using the Page App Element, check out Lokalise for Hygraph.

Get started

Create a free-forever developer account.

Share