ice/packages/appear
luhc228 db495382b2
feat: use changeset to publish and version (#5864)
* feat: add changesets config

* chore: remove version publish scripts

* chore: update ci workflow

* chore: update checkout branch step

* chore: lock

* fix: lost scripts

* fix: ts type error

* chore: remove scripts

* chore: update README

* chore: update lock

* chore: update dependency and script

* chore: remove version check

* chore: add publishConfig to package.json

* chore: update ci step

* chore: update release:beta script

* chore: add private field to examples

* chore: remove registry

* chore: update lock

* chore: update ci workflow

* chore: update workflow

* chore: update README

* chore: update changeset README

* chore: update cache key

* feat: update cache

* chore: update cache config
2023-02-13 14:48:34 +08:00
..
src Fix/appear ref (#5693) 2022-12-11 22:34:22 -08:00
tests Fix/appear ref (#5693) 2022-12-11 22:34:22 -08:00
CHANGELOG.md Fix/appear ref (#5693) 2022-12-11 22:34:22 -08:00
README.md chore: optimize (#676) 2022-11-15 10:33:11 +08:00
package.json feat: use changeset to publish and version (#5864) 2023-02-13 14:48:34 +08:00
tsconfig.json

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>
  );
}