{"repo":"yaodingyd/react-flickity-component","free":true,"listed":false,"github":"https://github.com/yaodingyd/react-flickity-component","clone":"git clone https://github.com/yaodingyd/react-flickity-component.git","description":"A React.js component for using @desandro's Flickity","language":"TypeScript","stars":311,"topics":["slider","flickity","react","carousel-component","carousel"],"license":null,"category":"ui-components","readme_excerpt":"React Flickity Component ======================= Introduction: A React.js Flickity component. Install: Usage: V5 Updates V5 supports react v19 and above. V4 Updates V4 only supports react v18 and above. V4 also comes with an esmodule bundle format to support modern frontend tooling like vite. If you are staying on react v16, please keep using v3. Example Usage: See a codesandbox example here: https://codesandbox.io/s/react-flickity-demo-wwszqm See an example with server side rendering: https://github.com/theolampert/react-flickity-component-example And with typescript: https://github.com/theolampert/react-flickity-component-example/tree/typescript Props: Property Type Default Description -------------------- ----------- -------- --------------------------------------------------------------- className String '' Applied to top level wrapper elementType String 'div' Wrapper's element type options Object {} Flickity initialization options disableImagesLoaded Boolean false Disable call reloadCells images are loaded flickityRef Function Like ref function, get Flickity instance in parent component reloadOnUpdate Boolean false Read next section before you set this prop. Run reloadCells and resize on componentDidUpdate static Boolean false Read next section before you set this prop. Carousel contents are static and not updated at runtime. Useful for smoother server-side rendering however the carousel contents cannot be updated dynamically. How it works Under the hood, react-flickity-","default_branch":null,"files":null,"tree":[],"storefront":"/r/yaodingyd","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/yaodingyd/react-flickity-component/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}