react-app-services

react-app-services is a package of services that help you create the applications.

Usage

import { useFixedHeaderStyle } from "react-app-services";

function App() {
  const { headerStyle, isFixed } = useFixedHeaderStyle();

  return <header style={headerStyle}>Hello World</header>;
}

export default App;

useFixedHeaderStyle

Make your header fixed with nice animation.

Usage

import { useFixedHeaderStyle } from "react-app-services";

function App() {
  const { headerStyle, isFixed } = useFixedHeaderStyle();

  return (
    <header
      style={{ ...headerStyle, background: isFixed ? "orange" : "orangered" }}
    >
      I AM A FIXED HEADER
    </header>
  );
}

export default App;

useFixedHeaderStyle arguments

1. header height (optional)

• default is 69

2. scroll Y to be fixed (optional)

• default is 120

Preview