@sect/solid-hiding-header

    !NPM

A port of Hiding Header React by Filip Chalupa.

Demo

Toggles header visibility on scroll. Demo.

!UI example

Quick start

Install it:

``bash
npm i @sect/solid-hiding-header


or

yarn add @sect/solid-hiding-header

or

pnpm add @sect/solid-hiding-header
`

$3

Import node_modules/hiding-header/dist/style.css to your CSS. It's few lines of code. You can alternatively copy paste it and adjust things like z-index to your needs.

Usage Example

`tsx
import { HidingHeader } from '@sect/solid-hiding-header';

const Header: Component = () => {
return (



Put your content here



);
};
`

$3

`tsx
const Header: Component = () => {
return (

Put your content here

);
};
``

See Core API docs for more options.
https://github.com/FilipChalupa/hiding-header/blob/main/README.md

Changelog

See CHANGELOG file.

License

See LICENSE file.

✌️

_{^{A little project by @sectsect}}