Skip to content
CodeSweetly Logo CodeSweetly Logo CodeSweetly
Blog
Check out the new Pro Zone

React YouTube Playlist v3.1.0 Release

Version 3.1.0 of the React YouTube Playlist library is out! 🥳

Notable Changes

  • Full compatibility with React 19.
  • Four (4) new optional props: columnCount, columnWidth, gapSize, and customStyles.
PropsTypeDefaultDescription

columnCount

number or keyword (string)“auto”

(Optional) The number of columns.

columnWidth

number or keyword (string)230

(Optional) The minimum width of the gallery’s columns.

gapSize

number24

(Optional) The gallery’s gap size.

customStyles

ImageGalleryStylesType

(Optional) Custom styles to override the following element’s default styles:

  • Loader container: loaderContainer
  • Gallery container: galleryContainerStyle
  • Gallery image button: imageBtnStyle
  • Gallery video container: videoContainerStyle
  • Gallery image element: videoImageStyle
  • Gallery video caption: videoCaptionStyle
  • Modal container: modalContainerStyle
  • Modal slide number: modalSlideNumberStyle
  • Modal toolbar: modalToolbarStyle
  • Modal toolbar button: modalToolbarBtnStyle
  • Modal slideshow section: modalSlideShowSectionStyle
  • Modal iframe element: modalIFrameStyle
  • Modal slide button: modalSlideBtnStyle

How to Update the React YouTube Playlist Package

Terminal
npm install @codesweetly/react-youtube-playlist@latest

Alternatively, you can use Yarn or pnpm like so:

Yarn Installation
yarn upgrade @codesweetly/react-youtube-playlist --latest
PNPM Installation
pnpm update @codesweetly/react-youtube-playlist --latest

How to Use the React YouTube Playlist Package

See the complete project-based guide to learn how to add the YouTubePlaylist package to your React applications. You can use the library with Vite, NextJS, Remix, or any other React app.

Support CodeSweetly