Skip to content

2999/uxcore-totop

This branch is 1 commit ahead of, 21 commits behind uxcore/uxcore-totop:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

b4880e0 · Jan 3, 2017

History

17 Commits
Jan 3, 2017
Jun 23, 2016
Jan 3, 2017
Jan 3, 2017
Jan 3, 2017
Jan 3, 2017
Jan 3, 2017
Jan 3, 2017
Oct 29, 2015
Jan 3, 2017
Jun 23, 2016
Jun 23, 2016
Jan 3, 2017

Repository files navigation


uxcore-totop Dependency Status devDependency Status

TL;DR

uxcore-totop ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-totop
$ cd uxcore-totop
$ npm install
$ gulp server

Usage

<Totop>
    <div className="block1">了解我们</div>
    <div className="block2"><i className="kuma-icon kuma-icon-comment"></i></div>
</Totop>

demo

http://uxcore.github.io/

API

Props

配置项 类型 必填 默认值 功能/备注
prefixCls string optional "kuma-totop" 不想使用 kuma 主题时使用
className string optional - 额外的顶级类名
to number optional 10 回到顶部时据顶端距离,单位 px
distance number optional 30 向下滑多少距离出现回到顶部
duration number optional 600 动画持续时间

TotopBox props

配置项 类型 必填 默认值 功能/备注
label string require
icon React.Element require 推荐使用iconfont,见demo
onClick function optional

About

ToTop Component Based on React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 61.4%
  • JavaScript 26.0%
  • CSS 12.6%