🎁 Unwrapping the Third of Our Festive Releases: v3.1.0 of `@canva/app-ui-kit`!

We are pleased to announce the release of version 3.1.0 of the @canva/app-ui-kit as part of our Christmas updates. This update introduces some new features, including interactive card components and improvements to existing components.

:rocket: Here are some of the new additions to the App UI Kit

:bookmark_tabs: Documentation improvements

We’ve also updated the App UI Kit documentation, including Storybook for all of our App UI Kit components.

:link: More Details

For more information about this release, you can visit the npm package and Changelog.

:thinking: How to upgrade

To upgrade to version 3.1.0, please run the following command in your project directory:

npm install @canva/app-ui-kit@latest


We value your feedback, as it helps us enhance the @canva/app-ui-kit further. If you have any questions or would like to share your experiences with this new version, please feel free to reach out to us.

Stay tuned for another gift tomorrow! :wrapped_gift: :christmas_tree:

10 Likes

Hi @Tomos

Thanks for all these updates. We have a comment regarding Icons in buttons. The icon always is on the left of the text, however for cases where a button is used to open an external link, it is probably better to have the icon on the right of the text. e.g.

I am not sure, but maybe some Canva designers have an idea on this?

image

1 Like

Hi Tom!

That’s a great idea. We’ll look to add this in the next release. Thanks for the suggestion.

1 Like

Hi @Tom, we’ve just announced the release of version 3.2.0 of the App UI Kit which adds the iconPosition prop to the Button component.

You’ll be able to use iconPosition="end" to achieve this now.

1 Like