ناوبری
Dynamic Island TOC
A floating table of contents that collapses to a pill and expands on hover, tracking the section currently in view.
Introduction1 / 4
live on this page — scroll to see itscrollnavigationframer-motion
نصب با CLI شدسیان
npx shadcn@latest add https://onthic.com/r/dynamic-island-tocوابستگیها
npm i framer-motionاین فایلها را هم لازم دارد
@/components/iconssrc/components/icons/index.tsx@/context/SectionThemeContextsrc/context/SectionThemeContext.tsx@/lib/click-ticksrc/lib/click-tick.ts@/lib/scroll-tosrc/lib/scroll-to.ts
بهصورت خودکار همراه دستور CLI و پرامپت اضافه میشود.
استفاده
// Headings matching the selector become the TOC.
<DynamicIslandTOC selector="[data-toc]" />