ice/packages/appear
ClarkXia 80250ffe6e
CI / build (16.x, ubuntu-latest) (push) Has been cancelled Details
CI / build (16.x, windows-latest) (push) Has been cancelled Details
CI / build (18.x, ubuntu-latest) (push) Has been cancelled Details
CI / build (18.x, windows-latest) (push) Has been cancelled Details
Coverage / coverage (16.x) (push) Has been cancelled Details
Release / Release (16) (push) Has been cancelled Details
Build Website / build-and-deploy (push) Has been cancelled Details
chore: update versions (#7094)
2025-06-24 10:49:09 +08:00
..
src chore: move handler callback defs inside effect 2025-05-13 14:40:23 +08:00
tests Fix/appear ref (#5693) 2022-12-11 22:34:22 -08:00
CHANGELOG.md chore: update versions (#7094) 2025-06-24 10:49:09 +08:00
README.md chore: optimize (#676) 2022-11-15 10:33:11 +08:00
package.json chore: update versions (#7094) 2025-06-24 10:49:09 +08:00
tsconfig.json Feat/support appear (#517) 2022-11-15 10:31:38 +08:00

README.md

@ice/appear

React component for supporting appear and disappear events.

Usage

npm i @ice/appear -S
import VisibilityChange from '@ice/appear';

export default function Home() {
  return (
    <VisibilityChange
      onAppear={() => {
        console.log('Something has been shown.')
      }}
      onDisappear={() => {
        console.log('Something has disappeard.')
      }}
    >
      Anything you want to show.
    </VisibilityChange>
  );
}