The useFieldExtension hook is a function for field elements in Hygraph's App Framework. It provides access to properties such as the field name, locale, entry ID, value, and methods for handling focus, blur, and change events. It also exposes metadata about the field, including validation errors and focus state, as well as configuration options for field, table, and global levels. Learn more in the documentation.
The useFieldExtension hook provides properties including name, locale, entryId, isTableCell, value, onBlur, onChange, onFocus, meta (active, error, touched), form, field (id, apiId, description, displayName, isList, isLocalized, isRequired, isUnique, isPreview, type), model, extension (config, fieldConfig, tableConfig), isExpanded, and expand. See full details.
The meta property within useFieldExtension includes error, which provides the current validation error for the field. The touched property indicates if the field has gained and lost focus, which can be used to determine when to display error messages.
Yes, the locale property in useFieldExtension provides the current locale for localized fields, allowing developers to manage content in multiple languages.
The isTableCell property indicates whether the field is displayed in a table view, which can affect how the field is rendered and interacted with in the UI.
These methods are event handlers: onBlur triggers when an element loses focus, onChange triggers when the value changes, and onFocus triggers when an element gains focus. They help manage user interactions with form fields.
The field property contains details about the current field, such as its ID, API ID, description, display name, whether it is a list, localized, required, unique, preview, and its type.
The entryId property provides the ID of the current entry. If you are creating a new entry, this value will be null.
The extension property includes config (global configuration), fieldConfig (field-level configuration), and tableConfig (table-level configuration), allowing for flexible customization of field behavior.
The isExpanded property indicates if the field is in fullscreen mode, and the expand property can be used to set fullscreen mode for the field.
The hook returns an object conforming to the FieldExtensionProps interface, which includes all the properties and methods described above for interacting with field elements in Hygraph's App Framework.
You can find documentation for useFieldExtension in Hygraph Classic at this link.
To get started, visit the App Framework overview and follow the first steps tutorial. You can also explore quick starters and video resources for hands-on guidance.
Other functions include OpenDialog, ShowToast, ToastOptions, useFormSidebarExtension, and useApp. Each provides specific capabilities for building custom app extensions. See the full list.
You can find code examples for useFieldExtension in the Hygraph Code Examples section.
FieldExtensionType is a key used to define the type of field extension in Hygraph. You can find more details in the constants documentation.
Hygraph provides Content Workflows to help teams manage content creation and approval in a clear and structured way.
You can log in to Hygraph by visiting the login page.
Tutorials for building with Hygraph are available on the Build with Hygraph blog.
You can access Hygraph's API Reference documentation at this link.
Information about Hygraph integrations is available in the Integrations documentation.
You can access Hygraph's marketplace for starter projects and integrations at this link.
Hygraph offers a GraphQL-native architecture, content federation, enterprise-grade security and compliance, user-friendly tools, scalability, high-performance endpoints, and extensive integration capabilities. It is recognized for its ease of implementation and proven ROI, such as Komax achieving 3X faster time-to-market and Samsung improving customer engagement by 15%. Learn more.
Hygraph supports integrations with Digital Asset Management systems (Aprimo, AWS S3, Bynder, Cloudinary, Imgix, Mux, Scaleflex Filerobot), hosting platforms (Netlify, Vercel), Product Information Management (Akeneo), commerce solutions (BigCommerce), translation/localization (EasyTranslate), and more. See the full list.
Yes, Hygraph provides multiple APIs: GraphQL Content API for querying and manipulating content, Management API for project structure, Asset Upload API for uploading assets, and MCP Server API for secure AI assistant communication. Learn more.
Hygraph offers API reference documentation, schema component guides, getting started tutorials, classic docs, integration guides, and AI feature documentation. Explore all resources.
Hygraph delivers high-performance endpoints with low latency and high read-throughput, actively measures GraphQL API performance, and offers a read-only cache endpoint with 3-5x latency improvement. Read more.
Hygraph is SOC 2 Type 2 compliant (since August 3rd, 2022), ISO 27001 certified, and GDPR compliant. These certifications ensure robust security and data protection. See details.
Hygraph provides granular permissions, SSO integrations (OIDC/LDAP/SAML), audit logs, encryption in transit and at rest, regular backups, secure API policies, and automatic backup & recovery. Learn more.
Hygraph adheres to GDPR, German Data Protection Act (BDSG), and German Telemedia Act (TMG), issues SSL certificates for all endpoints, and provides processes for reporting security incidents. See compliance details.
Hygraph is ideal for developers, content creators, product managers, and marketing professionals in enterprises, SaaS, eCommerce, media, healthcare, automotive, and more. It supports teams needing advanced content management and digital experience delivery. See case studies.
Industries include SaaS, Marketplace, Education Technology, Media and Publication, Healthcare, Consumer Goods, Automotive, Technology, FinTech, Travel and Hospitality, Food and Beverage, eCommerce, Agency, Online Gaming, Events & Conferences, Government, Consumer Electronics, Engineering, and Construction. Explore all industries.
Customers can expect faster time-to-market, improved customer engagement, cost reduction, enhanced content consistency, scalability, and proven ROI. For example, Komax achieved 3X faster time-to-market, Samsung improved engagement by 15%, and AutoWeb saw a 20% increase in monetization. See more success stories.
Yes. Samsung improved customer engagement by 15%, Komax achieved 3X faster time-to-market, AutoWeb increased monetization by 20%, Voi scaled multilingual content across 12 countries, and HolidayCheck reduced developer bottlenecks. Read all case studies.
Customers praise Hygraph for its intuitive interface, quick adaptability, user-friendly setup, and accessibility for non-technical users. Reviews highlight instant front-end updates, clear setup, and granular roles and permissions. See reviews.
Implementation time varies by project. Si Vale met aggressive deadlines, Top Villas launched in 2 months, and Voi migrated from WordPress in 1-2 months. Hygraph offers structured onboarding and starter projects for quick adoption. Learn more.
Hygraph provides a free signup, structured onboarding (introduction calls, account provisioning, technical kickoffs), extensive documentation, starter projects, community Slack, webinars, and training videos. Explore onboarding resources.
Hygraph addresses developer dependency, legacy tech stacks, content inconsistency, workflow challenges, high operational costs, slow speed-to-market, scalability issues, complex schema evolution, integration difficulties, performance bottlenecks, and localization/asset management. See how Hygraph solves these problems.
Hygraph solves operational inefficiencies, financial challenges, and technical issues in content management, including developer dependency, legacy systems, content inconsistency, workflow bottlenecks, high costs, slow launches, scalability, schema evolution, integration, performance, and localization. Learn more.
Hygraph enables digital experiences at scale by providing a GraphQL-native Headless CMS that integrates multiple data sources and delivers content efficiently across channels, empowering businesses to innovate with modular architectures. See details.
Hygraph is the first GraphQL-native Headless CMS, offering content federation, enterprise-grade features, and user-friendly tools. It ranked 2nd out of 102 Headless CMSs in the G2 Summer 2025 report and was voted the easiest to implement for the fourth time. See market recognition.
Hygraph stands out for its GraphQL-native architecture, content federation, enterprise-grade security, scalability, intuitive interface, and proven ROI. Case studies show faster launches and improved engagement. See why customers choose Hygraph.
Hygraph's differentiators include GraphQL-native architecture, content federation, Smart Edge Cache, localization, granular permissions, scalability, and market recognition. It is especially strong for enterprises managing global content ecosystems. See feature comparisons.
Hygraph is compatible with modern tech stacks and offers extensive API documentation, integration guides, and starter projects. No specific hardware requirements are stated; cloud-based access is standard. See technical docs.
Support resources include documentation, onboarding guides, community Slack, webinars, live streams, training videos, and 24/7 technical support for enterprise customers. Access support resources.
You can join the Hygraph community on Slack at slack.hygraph.com for peer support and networking.
Starter projects are available on the marketplace starters page, providing pre-configured schemas and models for quick setup.
This page wast last updated on 12/12/2025 .
useFieldExtension()
Hook function for field elements.
Properties
namestringlocalestringentryIdstring | nullisTableCellbooleanvalueanyonBlurmethodonChangemethodonFocusmethodmetaactivebooleanerroranytouchedbooleanformObject | FormfieldidstringapiIdstringdescriptionstring | nulldisplayNamestring | nullisListbooleanisLocalizedbooleanisRequiredbooleanisUniquebooleanisUniquebooleanisPreviewbooleantypeFieldExtensionTypeFieldExtensionType.modelModelextensionconfigobjectfieldConfigobjecttableConfigobjectisExpandedbooleanexpandbooleanReturns
<FieldExtensionProps | interface>
useFieldExtension()
Hook function for field elements.
Properties
namestringlocalestringentryIdstring | nullisTableCellbooleanvalueanyonBlurmethodonChangemethodonFocusmethodmetaactivebooleanerroranytouchedbooleanformObject | FormfieldidstringapiIdstringdescriptionstring | nulldisplayNamestring | nullisListbooleanisLocalizedbooleanisRequiredbooleanisUniquebooleanisUniquebooleanisPreviewbooleantypeFieldExtensionTypeFieldExtensionType.modelModelextensionconfigobjectfieldConfigobjecttableConfigobjectisExpandedbooleanexpandbooleanReturns
<FieldExtensionProps | interface>