# usePresenceData > Read AnimatePresence custom data from an entering or exiting child. **Source:** [https://motion.svelte.page/examples/use-presence-data](https://motion.svelte.page/examples/use-presence-data) **Markdown mirror:** [https://motion.svelte.page/examples/use-presence-data.md](https://motion.svelte.page/examples/use-presence-data.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: directional exits via usePresenceData. The parent passes `custom={direction}` to AnimatePresence. The keyed child reads that value with `usePresenceData()` so its enter and exit variants know which way to travel. **Metadata:** tag: `PRESENCE-DATA` | api: `usePresenceData` | mode: `popLayout` ### Notes - The controls update `direction` before the keyed slide changes. - The slide calls `usePresenceData()`, so it can read parent custom data while entering and while held for exit. - `mode="popLayout"` lets the leaving slide pop out of layout while the new slide enters. ### Source #### Default.svelte Source file: [src/lib/examples/use-presence-data/demos/Default.svelte](https://github.com/humanspeak/svelte-motion/blob/main/docs/src/lib/examples/use-presence-data/demos/Default.svelte) ```svelte
// use-presence-data slide {String(selectedItem).padStart(2, '0')} / custom={direction}
setSlide(-1)} whileFocus={{ outline: `2px solid ${color}` }} whileTap={{ scale: 0.9 }} > {#key selectedItem} {/key} setSlide(1)} whileFocus={{ outline: `2px solid ${color}` }} whileTap={{ scale: 0.9 }} >
mode: poplayout / exit reads usePresenceData()
``` #### PresenceDataSlide.svelte Source file: [src/lib/examples/use-presence-data/demos/PresenceDataSlide.svelte](https://github.com/humanspeak/svelte-motion/blob/main/docs/src/lib/examples/use-presence-data/demos/PresenceDataSlide.svelte) ```svelte {String(slideKey).padStart(2, '0')} ```