2.0.23 • Published 1 year ago

@sect/solid-hiding-header v2.0.23

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

@sect/solid-hiding-header

Release codecov CodeQL npm version NPM

Forked from Hiding Header React by Filip Chalupa.

Demo

Toggles header visibility on scroll. Demo.

UI example

Quick start

Install it:

npm i @sect/solid-hiding-header
# or
yarn add @sect/solid-hiding-header
# or
pnpm add @sect/solid-hiding-header

CSS:

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

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

const Header: Component = () => {
  return (
    <HidingHeader>
      <header class="py-5">
        <div class="inner">
          Put your content here
        </div>
      </header>
    </HidingHeader>
  );
};

Allow Top Level HTML <header> tag

const Header: Component = () => {
  return (
    <HidingHeader component="header">
      <div class="inner py-5">
        Put your content here
      </div>
    </HidingHeader>
  );
};

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.

2.0.22

1 year ago

2.0.23

1 year ago

2.0.21

1 year ago

2.0.20

1 year ago

2.0.19

1 year ago

2.0.17

1 year ago

2.0.18

1 year ago

2.0.15

1 year ago

2.0.16

1 year ago

2.0.13

1 year ago

2.0.14

1 year ago

2.0.12

2 years ago

2.0.11

2 years ago

2.0.10

2 years ago

1.5.1

2 years ago

1.5.0

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.7

2 years ago

2.0.6

2 years ago

2.0.9

2 years ago

2.0.8

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.2.0

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.1

2 years ago

1.1.5

2 years ago

1.1.4

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago