12 December 2018

Over the past couple of months, we have made some exciting new changes to Nuka Carousel. Along with fixing several overdue issues, we are most excited about fixing accessibility issues with the carousel component. You can now use your keyboard to control the slides and toggle autoplay. Screen readers will also let you know which slide you are currently viewing. In rare cases, the accessible keyboard controls could interfere with existing functionality, such as when Nuka resides alongside forms or other input fields. We have added the disableKeyboardControls prop as a stop-gap measure for these scenarios.

As for new features and bug fixes, there is now a slide-visible class added to all currently visible slides. This can be helpful when adding custom CSS effects to slides. We have started work on removing lifecycle methods that have been deprecated in React, with more updates coming soon. The pauseOnHover prop now works when dragging is disabled, and while it wasn’t possible to click with a modifier present before, now it is. A withoutControls prop has been added which allows you to disable all eight of Nuka’s positional render control props at once.

While there is still much in progress for Nuka, we are happy to have closed some long-standing issues and requests to make the carousel more useful and effective for our community.

If you would like more information about any of these features, you can read about the most recent releases in the Nuka changelog.md, and of course, if you have feedback or would like to contribute to the next phase of Nuka Carousel, please visit the repo here!

Related Posts

Building a Feature-Rich CMS with Open Source Softw ...

We recently created a feature-rich CMS that allows users to create new pages from scratch and preview their changes in real time using the same compon ...

A New Generation For Spectacle

At Formidable we spent the last five months working on a rewrite of Spectacle. We started with some clear goals to set Spectacle up well for the futur ...

Fixture-first Development

When you hear the word "Storybook", you probably think UI libraries. Tools like Storybook and Cosmos have been around for a few years now and do a pre ...

Check out more of Sarah's blog posts