A lightweight react library to create fullpage websites

栏目: IT技术 · 发布时间: 4年前

内容简介: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

A lightweight react library to create fullpage websites

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Web Designer Idea

Web Designer Idea

梁景红 / 电子工业出版社 / 2006年 / ¥55.00

这是一本以“目的、信息、设计、创意”作为根脉的关于网页视觉的书籍,畅谈的话题从策划到编辑再到设计,从而讨论“我们要建立怎样的站点,并以何种形式完成它”的问题。 全书共分四个部分,分别是网站建设目的,网站信息内容,页面形式设计,网页创作构思。 四部分有机地结合,形成一个统一的整体。“目的”部分以建设网站的目的为主,带领设计师从建站目的的角度,探讨如何抓住首要问题;如何建立网站雏形;如何打开狭隘的、局......一起来看看 《Web Designer Idea》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

html转js在线工具
html转js在线工具

html转js在线工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具