Announcing @canva/app-ui-kit v3.7.0 with Accordion and Flyout and More!

Announcements
1

We are pleased to announce the release of version 3.7.0 of the @canva/app-ui-kit!

This update introduces a few highly requested components, new icons, updates to existing components, a few improvements, some bug fixes and much more! :tada:

:rocket: The new additions in v3.7.0

  • New components added!

    • Accordion
    • AccordionItem
    • Flyout
    • Menu
    • MenuDivider
    • MenuItem
    • SearchInputMenu

    Look up all components and their usage guidelines in the app-ui-kit storybook.

  • Added the following new icons:

    • DatabaseIcon, StarFilledIcon, StarIcon, TableMergedHeaderCellsIcon

  • New props to existing components:

    • Added a TestAppUiProvider component for use when testing @canva/app-ui-kit components in test environments such as Jest.
    • Added a size prop to the Button component for tertiary icon buttons.
    • Added a selectable, selected, and disabled prop to the AudioCard component.
    • Added a loading prop to the AudioCard, EmbedCard, ImageCard, TypographyCard, and VideoCard components.

:thinking: Upgrade to v3.7.0

Simply run the following command in your project directory:

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

:link: More details

For more information about this release, please visit:

We value your feedback, it helps us improve 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.

Looking forwarding to seeing the amazing apps you’ll build! :rocket::rocket::rocket:

4 Likes