Studio — LIFEAI

Live preview

Switch variants and viewport widths without leaving the detail page.

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Variants

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.

Props

No configurable props

This registry entry renders from its default implementation.

Code

Copy the current live prop configuration.

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

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