Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProOne highlight that glides between items as they are hovered or focused, then settles on the current item.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
variant="card" lifts a raised card under the hovered item.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | null | null | Item the highlight rests on at rest, such as the current page. |
variant | "pill" | "soft" | "card" | "underline" | "pill" | Shape of the highlight. |
highlightClassName | string | - | Extra classes for the highlight. |
transition | Transition | spring | Motion transition for the glide. |
Also accepts all div props.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | - | Unique id of the item. |
as | "div" | "li" | "span" | "div" | Element to render. |
disabled | boolean | false | Never highlight this item. |
aria-hidden); it never changes what is announced. Mark the current page with aria-current="page" on the link.focus-visible ring on the links as well.