Studio — LIFEAI

Live preview

Switch variants and viewport widths without leaving the detail page.

Scroll progress bar appears at top (visible in full-page context)

Select a registered variant for preview comparison.

1 states

No token bindings registered

This component can still consume tokens internally through @regen/ui, but the Studio registry has no explicit bindings yet.

Positiontop

position

Color#c8a84b

color

Height (px)3

height

Copy the current live prop configuration.

import { ScrollProgress } from "@regen/ui";

export function Example() {
  return <ScrollProgress />;
}