Nighttime Possum Meandering

    react-appbar

    2.0.0 • Public • Published

    React Appbar (v2.0.0)

    An appbar based on Sticky Header Auto-Reveal by MrPirrera.

    Examples

    gif

    Installation

    npm install react-appbar --save
    

    Basic Usage

    This package comes with a pre-defined appbar. Alternatively, you can use createAutoReveal() to create your own appbar.

    var Appbar = require('react-appbar');
    
    <Appbar>
        This is an appbar
    </Appbar>
    

    Full APIs

    1. createAutoReveal(Appbar) - This function takes React component as its only argument. For example,

       ```
       import React from 'react';
       import { createAutoReveal } from 'react-appbar';
      
       const MyAppbar = ({
       	top,
       }) => {
       	const appbarStyle = {
       		...yourStyle,
       		transform: `translateY(${top}px)`,   //--- this is important
       	}
      
       	return (
       		<div style={appbarStyle}>
       			<span>Appbar</span>
       		</div>
       	)
       }
      
       export default MyAppbar;
       ```
      

    License

    MIT

    Install

    npm i react-appbar

    DownloadsWeekly Downloads

    1

    Version

    2.0.0

    License

    MIT

    Last publish

    Collaborators

    • sammkj