로고SEED Design

Pull To Refresh

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.

Pull To Refresh
Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam autem deserunt reprehenderit ducimus sunt. Quod laudantium excepturi tempora fuga repellendus accusantium nam maiores? Quas debitis, neque ullam eligendi minus sit?

Installation

npx @seed-design/cli@latest add pull-to-refresh

Props

PullToRefreshRoot

PropTypeDefault
asChild?
boolean
false
onPtrRefresh?
(() => Promise<void>)
-
onPtrReady?
(() => void)
-
onPtrPullEnd?
((ctx: PullToRefreshContext) => void)
-
onPtrPullMove?
((ctx: PullToRefreshContext) => void)
-
onPtrPullStart?
((ctx: PullToRefreshContext) => void)
-
displacementMultiplier?
number
0.5
threshold?
number
44

PullToRefreshIndicator

PropTypeDefault

PullToRefreshContent

PropTypeDefault
asChild?
boolean
false

Examples

PTR in Tabs

Pull To Refresh
Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam autem deserunt reprehenderit ducimus sunt. Quod laudantium excepturi tempora fuga repellendus accusantium nam maiores? Quas debitis, neque ullam eligendi minus sit?

On this page