new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

shadcn/ui · Components · all subjects

input-otp/variants

9 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

InputOTP pattern example with REGEXP_ONLY_DIGITS_AND_CHARS

Example using pattern prop: ```tsx import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp" <InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS_AND_CHARS}> ... </InputOTP> ```

InputOTP disabled variant

Use the disabled prop to disable the InputOTP input, preventing user interaction.

InputOTP controlled input

Use the value and onChange props on InputOTP to control the input value programmatically.

InputOTP alphanumeric variant

To accept both letters and numbers, use the REGEXP_ONLY_DIGITS_AND_CHARS pattern from the input-otp package.

Input OTP disabled state

Use the disabled prop on InputOTP to disable the input.

Input OTP controlled component

Use the value and onChange props on InputOTP to control the input value, making it a controlled component.

Input OTP invalid state

Use the aria-invalid prop on InputOTPSlot components to show an error state.

Input OTP four digits pattern

For a 4-digit PIN code pattern, use the pattern={REGEXP_ONLY_DIGITS} prop imported from input-otp.

Input OTP alphanumeric pattern

To accept both letters and numbers in an Input OTP component, use the REGEXP_ONLY_DIGITS_AND_CHARS pattern prop imported from input-otp.

Give your agent this brain