JSPM

rc-fullpage

0.1.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q25658F
  • License ISC

A fullpage component in React!

Package Exports

  • rc-fullpage

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-fullpage) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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/.