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

radix themes/components

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

Checkbox Cards component

Checkbox Cards is similar to Radio Cards but is used for picking multiple values. It supports the same visual engagement and layout configuration.

Progress component capabilities

Progress is a loading component that can indicate the progress of a task or use an ambiguous animation to indicate indeterminate progress.

Tab Nav component

Tab Nav is a component for navigating to a different view. It complements the Tabs component but is built on top of the Navigation Menu primitive, which provides screen reader accessibility and keyboard navigation tailored to links.

Spinner component loading prop

Spinner is a simple animated loading indicator. It accepts a `loading` prop to conditionally render its children when they are done loading. Spinner preserves child dimensions while loading to avoid layout shift between states.

Skeleton component usage

Skeleton is a loading component that fully adopts the shape and size of child components. You can build the skeleton interface using the exact same layout that you would use in the real interface.

Segmented Control component features

Segmented Control is a component for toggle buttons that switch between values. It uses a bolder font weight on the active item without causing layout shift, and the animation is tuned so that even the font weight change transitions smoothly.

Data List component purpose

Data List is a component for displaying a list of key-value pairs. It handles values of varied length, maintains consistent rhythm between mixed height items, supports configurable alignment of label and value, supports common layout compositions, and applies leading trim.

Reset component function

Reset is an invisible component that removes default browser styles from any HTML tag and sets idiomatic layout defaults. This allows developers to build custom components on top of normalized styles without affecting the entire app globally.

Radio Cards component

Radio Cards is a component for picking a single value out of multiple options. It is used for visually engaging forms where each option receives more weight compared to a regular radio button.

Blockquote component basic usage

The Blockquote component is a block-level quotation element based on the HTML blockquote element. It is a simple component that renders children as quoted text.

Blockquote size prop values

The Blockquote component has a size prop that accepts values 1 through 9 to control the size of the blockquote.

Blockquote weight prop values

The Blockquote component has a weight prop that accepts the values regular, medium, and bold to set the text weight.

Blockquote highContrast prop

The Blockquote component has a highContrast prop that when set to true increases the color contrast of the blockquote with the background.

Blockquote truncate prop

The Blockquote component has a truncate prop that when set to true truncates text with an ellipsis when it overflows its container.

Box is a div-based layout building block

The Box component is a fundamental layout building block based on the div element. It supports common margin props and unique display prop values.

Box has unique display prop values

Only the display prop values are unique to the Box component; other props are shared with layout components.

Give your agent this brain