We are pleased to announce the release of version 3.8.0 of the @canva/app-ui-kit!
This update introduces a few highly requested components, some bug fixes and much more! 
The new additions in v3.8.0
- New components added!
DateInputFlyoutMenuFlyoutMenuDividerFlyoutMenuItemInputPillPillsInputScrollable
Look up all components and their usage guidelines in the app-ui-kit storybook .
New Patterns in App UI Kit Storybook
We are also excited to announce three new additions to our App UI Kit Storybook. These additions showcase common patterns essential for app development and will significantly reduce the time required for the review process.
New Patterns:
- Loading State: A demonstration of how to effectively utilize the ProgressBar component to handle and display a loading state within your app.
- Empty State: Examples of how to present empty states when there is no data to display, ensuring a smooth user experience.
- SearchInputMenu with a Flyout Filter: A comprehensive guide on implementing a SearchInputMenu with an accompanying Flyout filter for advanced search functionalities.
By exploring these new patterns and incorporating these best practices, you can enhance your app development process and expedite the review process.
We welcome any suggestions on additional patterns you’d like to see included in our Storybook. Your feedback is invaluable in helping us improve and expand our resources.
Check out the new additions here: App UI Kit Storybook.
Upgrade to v3.8.0
Simply run the following command in your project directory:
npm install @canva/app-ui-kit@latest
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!