Announcing @canva/app-ui-kit v3.2.0!

[Tomos]

We are pleased to announce the release of the much anticipated and heavily requested version 3.2.0 of the @canva/app-ui-kit.

This update introduces performance improvements, new components and icons, updates to existing components, some bug fixes and much much more!

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

• We’ve reduced the bundle size by over 7% by optimizing dependencies and implementing tree-shaking, resulting in faster loading times and improved performance.

• New components:

  • Badge
  • Pill
  • Masonry (example usage in the Canva Apps SDK starter kit)
  • Carousel

• New icons:

  • The following new icons:

    ExportIcon, EyeIcon, FlipHorizontalIcon, FlipVerticalIcon, FolderIcon, GridIcon, InfoIcon, ListBulletLtrIcon, RedoIcon, SlidersIcon, TransparencyIcon, UndoIcon

• New props:

  • We’ve heard your feedback and added new props to existing components!
    • The Box component now has a className prop.
    • The Select component options now has description, disabled and Icon props.
    • The Swatch component now has an onDelete prop.
    • The TextInput component now has start and end props.
    • The VideoCard component now has a borderRadius prop.
    • All form components now have onBlur and onFocus props.
    • And much more!

More Details

For more information about this release, please read the Changelog.

How to upgrade

To upgrade to version 3.2.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.