PrevEl: '.swiper-button-prev.customized-swiper-button-prev' // Add your class name for prev buttonĬontainerClass: 'customized-swiper-container' // Replace swiper-container with customized-swiper-containerĮxample with customized navigation buttonįor customized rendering to work, you have to use same classname with params el. NextEl: '.swiper-button-next.customized-swiper-button-next', // Add your class name for next button Use stylesheet file from src/styles/ folder (supporting css, less, scss) Usage Example with defaultĮxample with default params import React from 'react' Įxample with navigation buttons import React from 'react' Įxample with manipulating swiper from outside swiper componentĮxample with navigation button import React from 'react' Įxport default class Example extends React.Component, // Add your class name for pagination container Swiper stylesheet file is required Use Swiper stylesheet file from CDN For up-to-date documentation, see the latest version (2.x). You can also use the standalone UMD build This is documentation for Tiny-Swiper Ingenious JavaScript Carousel powered by wonderful plugins 1.x, which is no longer actively maintained. You can see the demo with example code HERE Installationīy npm npm install -save react-id-swiper NOTE: You can also use Swiper's original params too.Swiper API documentation HERE DEMO React-id-swiper's deprecated props (from v1.6.3) Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern Desktop browsers It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. View Documentation Download Source What is Swiper?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |