TkxAffix

import { TkxAffix } from 'tekivex-ui';

Live demo

Basic

Sticky on scroll — try scrolling the page

Scroll the surrounding page to see the button below "stick" to a fixed offset from the top once it would otherwise scroll out of view.

Affixed button

Accessibility

• Keyboard navigation supported on all interactive elements
• :focus-visible outline at 2px (theme-token primary)
• ARIA roles and properties applied per WAI-ARIA 1.2
• Respects prefers-reduced-motion
• Minimum 44×44 touch target where applicable

Source

src/components/TkxAffix.tsx

For the full interactive sandbox, open the playground.