Thank you for participating in the custom blocks beta!
To celebrate the holidays and ring in the next decade, the latest version of custom blocks has all kinds of presents
Upgrade to the latest version and get all the goodies below. Just open up your terminal and run:
cd <your-block-folder> npm install @airtable/blocks npm install -g @airtable/blocks-cli
Be sure to check the changelog for any minor breaking changes. Now on to the fun stuff!
New examples and documentation
Our documentation has a shiny new home at https://airtable.com/developers/blocks. No more clicking back and forth through markdown files trying to figure out the interface for a
LinkedRecordsQueryResult . The new docs site has native search with autocomplete, an improved hierarchy view for the SDK, and beautiful formatting.
We also added a new table structure example block that reads and displays the metadata for the user’s current table. Check it out if you’re looking for inspiration, along with all our existing examples.
The custom blocks SDK now ships with TypeScript definitions. In addition to enabling blocks to be built with TypeScript, this means autocomplete in editors like VS Code is right out of the box.
If you’d like to use TypeScript in one of your projects, try the following:
npm install --save-dev typescript @types/react @types/react-dom @typescript-eslint/parser
mv frontend/index.js frontend/index.tsx
Tired of viewing your globalConfig state via
console.log ? The new inspector lets you read and clear your globalConfig with ease.
UI kit improvements
We’ve also revamped the Blocks SDK UI library — components look nicer out of the box, with new components for form controls/labels and typography. Alongside these changes, we’ve introduced new APIs for styling and layout to help you build blocks that are more visually consistent with the rest of the Airtable UI.
P.S. Your feedback inspires the work we do. Take a moment to make custom blocks do more for you by providing feedback: https://airtable.com/shr7dUAq2rOgJYpPQ