react-rcsliderReact的滑块UI组件_slidercaptchataobao资源-CSDN文库

共36个文件

js：12个

jsx：8个

html：5个

React开发-表单相关控件

需积分: 10 67 浏览量 2019-08-15 02:05:32 上传评论收藏 30KB ZIP 举报

资源推荐

资源详情

资源评论

react-awesome-slider：React内容转换滑块。 Awesome Slider是一个60fps的轻量级高性能组件，可呈现一组动画化的，可立即投入生产的UI通用滑块。 :desktop_computer_selector::mobile_phone:

React Awesome Slider v3 [全新的整页导航HOC] react-awesome-slider是一种60fps，可扩展，高度可定制，可用于生产环境的React组件，可渲染媒体（图像/视频）图库滑块/轮播。全页导航要使用全屏导航GatsbyJS ，请在检出GatsbyJS和NextJS示例。您可以在此处访问FULLPAGE导航的演示：基本用法纯CSS的基本用法 im

react-native-slider-intro:一个简单且可完全自定义的React Native组件，为您的应用实现了一个简介滑块

:mobile_phone_with_arrow: react-native-slider-intro 一个简单且可完全自定义的React Native组件，为您的应用实现了简介滑块。该软件包已作为PC控制器react-native应用程序的子模块编写。安装 npm install react-native-slider-intro --save 运行示例项目 cd example &&

ReactNative组件用于创建圆形进度滑块

React Native 组件用于创建圆形进度滑块

rcchartslider一个给react图表绘制用的漫游器

rc-chart-slider：一个给react图表绘制用的漫游器

antd-group-slider

蚂蚁组滑块基于蚂蚁设计的分组滑块 antd-group-slider提供一组有助于输入多个相关范围数据的滑块。每次范围更改时，它都具有滑块之间的数据同步，这将帮助用户避免在操作过程中意外丢失范围。首先，请看一下，以大致了解此组件的用例。随时通过发布问题来请求功能:) 现场演示先决条件 Ant Design v4 安装 npm install --save antd-group-sl

rc-react:应对弹性编码器挑战＃1

弹性编码器应对挑战1-计数器 :alarm_clock: 入门如果尚未安装Node＆npm 确保已安装Node和npm。您可以通过在终端中输入node -v来进行检查。如果弹出一个数字，则表示v4上的所有内容，表示您一切顺利。如果弹出“找不到命令”，则需要安装它。我建议使用。您可以将下面的代码段复制并粘贴到您的终端中。 curl -o- https://raw.githubuse

slider滑块，验证登录滑块

jQuery阿里云登录滑块拖动验证，适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗

React-Native 的 2 个图像的比较滑块。

React Native 比较 SLider 一个简单的组件，用于与滑动功能进行比较来显示两个图像。帮助您比较两个图像轻量级、快速、灵活、可定制。支持 iOS 和 Android 设备安装 npm install --save react-native-comparison-slider 需要 React-Native > 0.45.0 Demo 示例代码 PS：更详细的例子见：react-

slider-perfect:为了更正rc-slider组件的源码SB问题，新建一个库更正，值类型由数字类型替换支持字符串

完美的滑块为了更正rc-slider组件的源码SB问题，新建一个库更正

react-time-slider:使用 JQuery-UI 和 Moment 响应时间滑块组件

介绍一个常见用例是允许用户指定一个日期范围，然后影响页面上的其他元素。通常，日期会影响应用程序的状态，这反过来又会通过路由器反映在 URL 中，尽管原始或格式化的日期不适合此目的。一种解决方案是要求路由器将日期序列化为整数，并要求滑块周围的标签根据需要格式化日期，但将两者结合起来并创建额外的工作。相反，该组件接收并返回整数，允许用户指定滑块本身的粒度（每年、每月或每天）及其标签的格式

react-semantic-ui-range:一个用于React的语义UI滑块

React语义用户界面范围这是语义UI的React Component范围滑块它基于开发，但是具有其他功能该项目的演示可以在这里找到： : 原始库使用的是jQuery，所以我更改了使用jQuery的部分以使其与React更兼容。 npm i react-semantic-ui-range 样品用量 import React , { useState } from "react" ;

portfolio-09-testimonialslidercomponent:使用react.JS，引导程序，CSS，移动优先，响应式设计，可访问性，BEM，JavaScript，JSX创建的滑块组件

portfolio-09-testimonialslidercomponent:使用react.JS，引导程序，CSS，移动优先，响应式设计，可访问性，BEM，JavaScript，JSX创建的滑块组件

react-audio-control:React组件提供了一个简单的音量滑块

React音频控制一个React组件，提供了带有其他控件的音量滑杆安装 npm install --save react-audio-control 用法 import React , { Component } from 'react' import { ReactAudioControl } from 'react-audio-control' import 'react-audio-co

react-native-paper-onboarding：Paper Onboarding是“ React Native”的材质设计UI滑块

纸上入职 Paper Onboarding是一个受启发的React Native的材质设计UI滑块。安装 yarn add @gorhom/paper-onboarding # or npm install @gorhom/paper-onboarding 另外，您需要安装，和，并按照其安装说明进行操作。用法 import PaperOnboarding , { PaperOnb

react-reactimagegallery响应式图像画廊旋转木马图像滑块react组件

react-image-gallery - 响应式图像画廊、旋转木马、图像滑块react组件

react-simple-range:React滑块组件，用于输入范围内的数值

React简单范围一个简单的 React 滑块组件，用于输入范围内的数值。安装 npm install react-simple-range --save 用法使用您选择的模块捆绑器导入React和此组件： import React from 'react'; import ReactDOM from 'react-dom'; import ReactSimpleRange from

react-input-range:React组件，用于输入范围内的数值（范围滑块）

React输入范围 InputRange是一个React组件，允许用户输入特定范围内的数值。它可以接受一个值或一个值范围（最小/最大）。默认情况下，将应用基本样式，但是可以根据您的设计要求将其覆盖。演示版可获得CodePen演示。安装使用npm（或）安装react-input-range 。 npm install react-input-range 导入react-input-r

收起资源包目录

react-rcsliderReact的滑块UI组件.zip （36个子文件）

react-component-slider-3c7ce8f

src

common

Steps.jsx 1KB

createSlider.jsx 7KB

Marks.jsx 2KB

Track.jsx 548B

Handle.jsx 665B

utils.js 2KB

Range.jsx 9KB

createSliderWithTooltip.jsx 1KB

Slider.jsx 3KB

index.js 284B

.babelrc 50B

examples

range.js 4KB

handle.html 12B

vertical.js 2KB

handle.js 1KB

marks.html 12B

marks.js 2KB

vertical.html 12B

range.html 12B

slider.js 3KB

slider.html 11B

.travis.yml 969B

LICENSE 1KB

assets

index.less 6KB

HISTORY.md 998B

README.md 6KB

.editorconfig 192B

tests

common

createSlider.test.js 8KB

marks.test.js 2KB

Range.test.js 3KB

__snapshots__

Slider.test.js.snap 366B

Range.test.js.snap 1KB

Slider.test.js 861B

.gitignore 190B

index.js 36B

package.json 2KB

评论收藏

内容反馈

weixin_39841856

粉丝: 487
资源: 1万+

react-rcsliderReact的滑块UI组件

React-slider:React的Slider UI组件

react-slider:适用于React的可访问，与CSS无关的滑块组件

react-reactsliderReact的滑块组件

react-input-slider:React输入滑块组件

react-range-slider:React范围滑块

react-compare-slider:一个滑块组件，用于以横向或纵向比较任何两个React组件。 它支持自定义图像，视频...以及其他所有内容

React滑块-React开发

滑块：React滑块

react-swift-slider：React Web滑块组件-这是图片滑块

react-native-image-slider-box:一个简单且可完全自定义的React Native组件，它实现了Image Slider UI

react-scroll-slider:由滚动事件触发并使用内部元素的css转换配置扩展的React滑块组件

react-touch-drag-slider:触摸并拖动React的滑块轮播组件

react-slidy:S React Slidy-用于React的最小和平滑的触摸滑块和转盘组件

react-awesome-slider：React内容转换滑块。 Awesome Slider是一个60fps的轻量级高性能组件，可呈现一组动画化的，可立即投入生产的UI通用滑块。 :desktop_computer_selector::mobile_phone:

react-native-slider-intro:一个简单且可完全自定义的React Native组件，为您的应用实现了一个简介滑块

ReactNative组件用于创建圆形进度滑块

rcchartslider一个给react图表绘制用的漫游器

antd-group-slider

rc-react:应对弹性编码器挑战＃1

slider滑块，验证登录滑块

React-Native 的 2 个图像的比较滑块。

slider-perfect:为了更正rc-slider组件的源码SB问题，新建一个库更正，值类型由数字类型替换支持字符串

react-time-slider:使用 JQuery-UI 和 Moment 响应时间滑块组件

react-semantic-ui-range:一个用于React的语义UI滑块

portfolio-09-testimonialslidercomponent:使用react.JS，引导程序，CSS，移动优先，响应式设计，可访问性，BEM，JavaScript，JSX创建的滑块组件

react-audio-control:React组件提供了一个简单的音量滑块

react-native-paper-onboarding：Paper Onboarding是“ React Native”的材质设计UI滑块

react-reactimagegallery响应式图像画廊旋转木马图像滑块react组件

react-simple-range:React滑块组件，用于输入范围内的数值

react-input-range:React组件，用于输入范围内的数值（范围滑块）

最新资源

react-compare-slider:一个滑块组件，用于以横向或纵向比较任何两个React组件。它支持自定义图像，视频...以及其他所有内容