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

spinner

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

Spinner component base element

The Spinner component is based on the span element and supports common margin props.

Spinner size prop

The Spinner component has a size prop that controls the size of the spinner. Valid values are 1, 2, and 3.

Spinner loading prop and children behavior

The Spinner component accepts a loading prop to control whether the spinner or its children are displayed. When loading is true, the spinner is shown. When loading is false, children are displayed. The Spinner preserves the dimensions of children when they are hidden and disables interactive elements when the spinner is loading.

Spinner composition with children example

A Spinner can wrap interactive elements like Switch components. When loading={true}, the spinner displays and the child elements are hidden but their space is preserved. When loading={false}, the child elements are displayed. Example: ```jsx <Spinner loading={true}> <Switch defaultChecked /> </Spinner> <Spinner loading={false}> <Switch defaultChecked /> </Spinner> ```

Spinner default composition example

A basic Spinner component can be rendered without any props: ```jsx <Spinner /> ```

Spinner size values example

The Spinner component can be sized using the size prop with values 1, 2, and 3: ```jsx <Flex align="center" gap="4"> <Spinner size="1" /> <Spinner size="2" /> <Spinner size="3" /> </Flex> ```

Give your agent this brain