Skip to content

FaisalST32/fullpage-react-fs

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

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

About

A lightweight react library to create fullpage websites

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published