https://github.com/codesyntax/ionic-react-header-collapse

Easy to use hook to handle collapse effect on scroll for IonHeader component in React Ionic
https://github.com/codesyntax/ionic-react-header-collapse

hacktoberfest ionic ionic-framework react

Last synced: 3 months ago
JSON representation

Easy to use hook to handle collapse effect on scroll for IonHeader component in React Ionic

• Host: GitHub
• URL: https://github.com/codesyntax/ionic-react-header-collapse
• Owner: codesyntax
• Created: 2022-02-08T10:12:47.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-06-01T14:59:52.000Z (about 3 years ago)
• Last Synced: 2025-04-02T22:05:20.872Z (3 months ago)
• Topics: hacktoberfest, ionic, ionic-framework, react
• Language: TypeScript
• Homepage:
• Size: 5.08 MB
• Stars: 4
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# ionic-react-header-collapse

### Easy to use hook to handle collapse effect on scroll for IonHeader component in React Ionic

> Currently the package is in beta phase. Any issue or PR will be appreciated ;)

[![NPM](https://img.shields.io/npm/v/@codesyntax/ionic-react-header-collapse.svg)](https://www.npmjs.com/package/@codesyntax/ionic-react-header-collapse) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

IOS/Android:





## Install

```bash

npm install --save @codesyntax/ionic-react-header-collapse

```

## Usage

```tsx

import React, { Component } from 'react';

import { UseIonHeaderCollapse, useIonHeaderCollapse } from '@codesyntax/ionic-react-header-collapse';

const Home: React.FC = () => {

  const { ref } = useIonHeaderCollapse({} as UseIonHeaderCollapse);

  render() {

    return (

      

        

          

            Ionic header

          

        

        

          ...

        

      

      );

  }

}

```

## License

MIT © [CodeSyntax](https://github.com/codesyntax)