swiper Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/swiper/ Developer • YouTuber • Blogger Sun, 31 Oct 2021 13:04:38 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://www.timo-ernst.net/wp-content/uploads/2021/03/cropped-Timo-Ernst-Small-32x32.jpg swiper Archives - Timo Ernst https://www.timo-ernst.net/blog/tag/swiper/ 32 32 Arrows in React Swiper Js: How to Customize Prev/Next Button https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/ https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/#comments Sat, 12 Sep 2020 18:56:58 +0000 https://www.timo-ernst.net/?p=4236 I was asked on YouTube to explain how to customize the appearance of the prev/next arrows in the React version of Swiper Js. There are 2 methods. One is to simply overwrite the color value. The other one is to completely replace the image. Follow along to learn how to accomplish both. 1. Change Color of […]

The post Arrows in React Swiper Js: How to Customize Prev/Next Button appeared first on Timo Ernst.

Related posts:

  1. How to Set Responsive Breakpoints in Swiper React
  2. SwiperJS React Video Tutorial | 2020
  3. Parallax Beginner Tutorial: A Cool 3D Effect With HTML, CSS, JavaScript
]]> https://www.timo-ernst.net/blog/2020/09/12/arrows-in-react-swiper-js-how-to-customize-prev-next-button/feed/ 3 How to Set Responsive Breakpoints in Swiper React https://www.timo-ernst.net/blog/2020/08/15/how-to-set-responsive-breakpoints-in-swiper-react/ https://www.timo-ernst.net/blog/2020/08/15/how-to-set-responsive-breakpoints-in-swiper-react/#comments Sat, 15 Aug 2020 12:03:54 +0000 https://www.timo-ernst.net/?p=4216 I’ve been asked on YouTube how to use breakpoints in the new react version of Swiper, so here it is. Download Source Code First, you have to set breakpoints in jsx: Then, add custom media queries to your css: Hope this was helpful to you, don’t forget to checkout my working demo on GitHub. Leave […]

The post How to Set Responsive Breakpoints in Swiper React appeared first on Timo Ernst.

Related posts:

  1. Arrows in React Swiper Js: How to Customize Prev/Next Button
  2. SwiperJS React Video Tutorial | 2020
  3. Tutorial: Auto-Complete Search with React, Node and Framework7
]]> https://www.timo-ernst.net/blog/2020/08/15/how-to-set-responsive-breakpoints-in-swiper-react/feed/ 2 SwiperJS React Video Tutorial | 2020 https://www.timo-ernst.net/blog/2020/07/12/swiperjs-react-video-tutorial-2020/ https://www.timo-ernst.net/blog/2020/07/12/swiperjs-react-video-tutorial-2020/#comments Sun, 12 Jul 2020 19:42:03 +0000 https://www.timo-ernst.net/?p=4209 After many years of being tied to 3rd party React versions of SwiperJS the official team has now created its own version of SwiperJS for React. In this tutorial I will explain how to use it. Find source code here:https://github.com/valnub/swiper-react-demo Follow me on Twitter:https://www.twitter.com/timo_ernst

The post SwiperJS React Video Tutorial | 2020 appeared first on Timo Ernst.

Related posts:

  1. Arrows in React Swiper Js: How to Customize Prev/Next Button
  2. How to Set Responsive Breakpoints in Swiper React
  3. Tutorial: Auto-Complete Search with React, Node and Framework7
]]> https://www.timo-ernst.net/blog/2020/07/12/swiperjs-react-video-tutorial-2020/feed/ 2