内容简介:Here's a previewYou can check out a live demo
fullpage-react-fs
A lightweight react library to create fullpage websites
Here's a preview
You can check out a live demo here
View it being used in my personal blog at faisalrashid.online
Install
npm install --save fullpage-react-fs or yarn add fullpage-react-fs
Usage
import React from 'react' import { FullPageContainer, FullPagePanel } from 'fullpage-react-fs' import 'fullpage-react-fs/dist/index.css' export const App = () => { return ( <FullPageContainer showIndicators={true}> {/* Panel 1 */} <FullPagePanel bgColor='azure'> Your Content </FullPagePanel> {/* Panel 2 */} <FullPagePanel bgColor='lightgoldenrodyellow'> <div>Goes</div> </FullPagePanel> {/* Panel 3 */} <FullPagePanel> <h1>here</h1> </FullPagePanel> </FullPageContainer> ) }
As shown in the sample code above do not forget to import the CSS file.
License
MIT © FaisalST32
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
JavaScript实战手册
David Sawyer McFarland / 李强 / 机械工业出版社 / 2009 / 89.00元
在《JavaScript实战手册》中,畅销书作者David McFarland教你如何以高级的方式使用JavaScript,即便你只有很少或者没有编程经验。一旦掌握了这种语言的结构和术语,你将学习如何使用高级的JavaScript工具来快速为站点添加有用的交互,而不是一切从头开始编写脚本。和其他的Missing Manuals图书不同,《JavaScript实战手册》清楚、精炼,手把手地讲解。 ......一起来看看 《JavaScript实战手册》 这本书的介绍吧!