@illa-design/affix NPM | npm.io

1.3.0 • Published 5 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

5 months ago

Affix

The Affix component is used to pin page element to the visible range. When the content area is long and the page needs to be scrolled, affix can fix the content on the screen. Often used in side menus and button combinations.

Installation

yarn add @illa-design/affix

Import component

import { Affix } from "@illa-design/affix"

API

Affix Basic Properties

Props	Desc	Type	Default
offsetTop	Triggered when the specified offset is reached from the top of the window	number	0
offsetBottom	Triggered when the specified offset is reached from the bottom of the window	number	-
target	scroll container	() => HTMLElement \| null \| Window	() => window
targetContainer	The outer scrolling element of 'target'	() => HTMLElement \| null \| Window	-

Affix Event

Props	Desc	Type	Default
onChange	Triggered when the fixed state changes	(affixed: boolean) => void	-

Examples

Basic Usage

<Affix>
  <span>Hello</span>
</Affix>

affix react component

react-use-measure react-use framer-motion @illa-design/theme @illa-design/system

@infinitebrahmanuniverse/nolb-_il @everything-registry/sub-chunk-458 @illa-design/react @illa-design/anchor

5 months ago

5 months ago

10 months ago

10 months ago

11 months ago

9 months ago

10 months ago

8 months ago

1 year ago

1 year ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago