Selection Indicator
A decorative highlight that sits behind a group of items and slides to the active one, optionally following hover and keyboard focus.
Segmented Buttons
Three placement rules: render the indicator as a direct child of the container, give that container
relative positioning, and give each item relative so it paints above the highlight. HoverSelector lets the highlight follow the pointer or keyboard focus and snap back when it leaves.Navigation Links
The default
Selector already matches [data-state=active], [aria-selected=true] and [aria-current=page], so links usually need no configuration. Use Class to restyle the pill — the defaults are rounded-md bg-accent.