FancyUI
Saved GitHub Get started
Tabs — sliding indicator — preview

Tabs — sliding indicator

FancyUI FANCYUI

The indicator slides to the chosen tab instead of blinking.

#minimal#select

Open docs

Use in FancyUI

Type
Interaction
Interaction
Select
Style
Minimal
Code availability
Open source

Why it works

A single shared indicator moves to the measured rect of the active trigger, so the eye follows the choice instead of re-scanning the row.

When to use it

Two to six peer views of the same object.

Things to watch

Full tablist / tab / tabpanel roles with roving focus. Manual activation suits panels that are expensive to render. The slide lives under `no-preference`.

Implementation clues

  • measured trigger rect
  • transform on a shared indicator
  • roving tabindex