Dev Design Library

Section Progress

Floating pill with a scroll ring and the section being read.

Section Progress preview
Library
Panel UI
Framework
React Native
Type
component
License
MIT
Files
  • packages/panelui/src/components/section-progress/index.tsx
  • packages/panelui/src/hooks/use-back-handler.ts
  • packages/panelui/src/primitives/scroll-progress.tsx
  • packages/panelui/src/primitives/text.tsx
  • packages/panelui/src/utils/cn.ts
  • packages/panelui/src/utils/haptics.ts
  • packages/panelui/src/primitives/web-deps.ts
  • packages/panelui/src/hooks/use-direction.ts
Source
https://github.com/panel-ui/PanelUI

Categories

More from Panel UI