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

Radix Primitives · all subjects

text-field

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

TextField.Root component structure

TextField.Root is a container component based on the div element that groups Slot and Input parts. It supports common margin props.

TextField.Slot component purpose

TextField.Slot is a container component that holds icons or buttons associated with an Input within a TextField.

TextField size prop values

TextField supports three size values: size="1", size="2", and size="3". Size 1 inputs should not be used with buttons as there is not enough vertical space to nest other interactive elements at this size.

TextField size composition with buttons

When composing TextField with buttons, use matching component sizes. Size 1 inputs should not contain buttons due to insufficient vertical space.

TextField variant prop values

TextField supports three variant values: "surface", "classic", and "soft".

TextField color prop accepts color tokens

TextField accepts a color prop that assigns a specific color from the color system. Colors such as "indigo", "green", and "red" are supported.

TextField radius prop values

TextField supports radius prop values including "none", "large", and "full" for controlling border radius.

TextField basic usage example with icon slot

Basic TextField example: <TextField.Root placeholder="Search the docs…"><TextField.Slot><MagnifyingGlassIcon height="16" width="16" /></TextField.Slot></TextField.Root>

Give your agent this brain