项目作者: FaisalST32

项目描述 :
A lightweight react library to create fullpage websites
高级语言: JavaScript
项目地址: git://github.com/FaisalST32/fullpage-react-fs.git
创建时间: 2020-05-05T18:55:47Z
项目社区:https://github.com/FaisalST32/fullpage-react-fs

开源协议:

下载


fullpage-react-fs

A lightweight react library to create fullpage websites

NPM JavaScript Style Guide

Here’s a preview

faisalrashid.online

You can check out a live demo here

View it being used in my personal blog at faisalrashid.online

Install

  1. npm install --save fullpage-react-fs
  2. or
  3. yarn add fullpage-react-fs

Usage

  1. import React from 'react'
  2. import { FullPageContainer, FullPagePanel } from 'fullpage-react-fs'
  3. import 'fullpage-react-fs/dist/index.css'
  4. export const App = () => {
  5. return (
  6. <FullPageContainer showIndicators={true}>
  7. {/* Panel 1 */}
  8. <FullPagePanel bgColor='azure'>
  9. Your Content
  10. </FullPagePanel>
  11. {/* Panel 2 */}
  12. <FullPagePanel bgColor='lightgoldenrodyellow'>
  13. <div>Goes</div>
  14. </FullPagePanel>
  15. {/* Panel 3 */}
  16. <FullPagePanel>
  17. <h1>here</h1>
  18. </FullPagePanel>
  19. </FullPageContainer>
  20. )
  21. }

As shown in the sample code above do not forget to import the CSS file.

License

MIT © FaisalST32