📢 Making and using custom components is easier than ever

Introducing Four Improvements To Custom Components

Anvil’s Custom Components allow you to build reusable UI components and use them throughout your app and others. We’ve recently made them easier to use and more flexible.


1. Live Updates in the Editor
Now, as you make changes to your custom component, you’ll instantly see those changes reflected in the designer.


Demonstrating live updates using @tobias.carlbom’s progress bar.


2. Categorize and Add Toolbox Icons
To help you keep things organized, you can now categorize custom components and change their icons.


3. Categorize Custom Component Properties
You can also categorize your custom component’s properties.


4. Create Your Own Custom Containers
For the first time ever, it’s possible for you to build your own custom containers!


Learn more in our announcement:

12 Likes

I just took a look at your tutorial on writing custom components using the various new features, and it’s slick! Makes me want to go back and rewrite the custom components I’ve been using for years.

4 Likes

Glad you like it @jshaffstall :smiling_face:

I’ve really enjoyed the power and flexibility the DOM nodes API has added to custom components. Combine that with the new custom containers functionality and the potential for whole new custom libraries is really exciting. I’m looking forward to seeing what everyone builds.

1 Like