文件名称:react-grid-carousel:响应响应式轮播组件 w 网格布局
文件大小:208KB
文件格式:ZIP
更新时间:2024-08-24 13:14:03
gallery image grid slider react-component
React网格轮播 响应带有网格布局的响应式轮播组件轻松创建旋转木马,如照片库、购物产品卡或任何您想要的东西 特征 后轮驱动 多个项目 多行 无限循环 支持任何组件作为项目放入网格 显示/隐藏点 显示/隐藏箭头按钮 自动播放 为移动设备上的每个项目启用/禁用scroll-snap 不同断点的自定义布局(列和行) 自定义箭头按钮 定制圆点 支持 SSR 安装 $ npm install react-grid-carousel --save 用法 只需从react-grid-carousel导入Carousel组件并将您的物品放入Carousel.Item import React from 'react' import Carousel from 'react-grid-carousel' const Gallery = ( ) => { return ( < Carou
【文件预览】:
react-grid-carousel-master
----.eslintrc.json(584B)
----rollup.config.js(374B)
----stories()
--------Carousel.stories.js(8KB)
----.prettierignore(18B)
----src()
--------utils()
--------components()
--------app.js(70B)
--------hooks()
----.babelrc(111B)
----.storybook()
--------main.js(313B)
----.stylelintrc.json(251B)
----.prettierrc.json(64B)
----examples()
--------index.html(5KB)
--------testimonial-carousel()
--------news-carousel()
--------webpack.config.js(967B)
--------image-carousel()
--------responsive-carousel()
--------simple-sample()
--------product-carousel()
--------home()
--------multi-rows-carousel()
--------tour-carousel()
----LICENSE(1KB)
----README.md(6KB)
----.editorconfig(114B)
----CODE_OF_CONDUCT.md(3KB)
----.gitignore(18B)
----.eslintignore(18B)
----package-lock.json(637KB)
----package.json(3KB)