Core / Layout
Sticky
Keeps a supporting region visible while scrolling.
Live example
Scrollable content
A supporting panel remains visible while this region scrolls.
More context content.
More context content.
A supporting panel remains visible while this region scrolls.
More context content.
More context content.
Sticky filters
Interactive preview using local sample data. Styling is intentionally left to the consuming project.
Usage
<Sticky offset="md">Filters</Sticky>Adopt to your project
Keep this component semantically neutral. Use its documented props for behavior and className for project-specific spacing, width, typography, and visual treatment.
Accessibility
Do not obscure controls or trap focus on smaller screens.
API reference
| Public attribute |
|---|
offset |
children |
className |
The preview above uses a safe local fixture. Confirm exact TypeScript props when adapting it to your application.
Installation
Full library
pnpm install:project /absolute/path/to/your-project
Planned guided selection
Layout → Sticky