Skip to content

dodospace/react-full-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-full-page

一个基于React的fullpage组件,第一个简陋版本目前只支持全屏切换,后续完善,欢迎大家去Issues提出宝贵意见。

Install

$ npm install rc-fullpage

Usage

A basic usage

import React                    from 'react';
import { SectionsBox, Section } from 'rc-fullpage';
require('./index.css');         // This 'index.css' file is derived from the root directory

const props = {
    ...
}

// => in the render() method of your app
return (
    <SectionsBox {...props}>
        <Section>Page One</Section>
        <Section>Page Two</Section>
        <Section>Page Three</Section>
        <Section>Page Four</Section>
    </SectionsBox>
);

Default Props

const props = {
    speed:  800, // slide speed
}

Example

$ git clone https://github.com/dodospace/react-full-page.git
$ npm install
$ npm start

Local documentation will then be available at http://localhost:2008/.

About

Based on the react fullpage plug-in

Resources

License

Stars

Watchers

Forks

Packages

No packages published