React Header Sticky
Install
yarn add @gmana/react-header-sticky lodash.throttle classnames
Usage
// tailwindcss
import GReactHeaderSticky from '@gmana/react-header-sticky';
import { FC } from 'react';
const GHeader: FC = () => {
return (
<GReactHeaderSticky classNames='sticky top-0 text-gray-900 bg-white z-40 transition-all duration-150' classNamesOnScroll='shadow-lg'>
<h1>GMana</h1>
</GReactHeaderSticky>
);
};
export default GHeader;