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

radio-cards

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.

RadioCards.Item disabled state

RadioCards.Item accepts a disabled prop to disable individual items, preventing them from being selected.

RadioCards basic example

Example showing RadioCards.Root with defaultValue="1" and columns with responsive values {{ initial: "1", sm: "3" }}, containing three RadioCards.Item components with value props and nested Flex/Text content for displaying CPU and RAM specifications.

RadioCards size example

Example showing three RadioCards.Root components with size prop set to 1, 2, and 3 respectively, each containing a single RadioCards.Item with value="1" and '8-core CPU' text.

RadioCards component purpose

RadioCards is a set of interactive cards where only one can be selected at a time. It is built on top of the Radio Group primitive.

RadioCards Root inherits from Radio Group

The RadioCards.Root component inherits props from the Radio Group primitive and supports common margin props.

RadioCards.Item component

RadioCards.Item is an item in the group that can be checked. It accepts a value prop and can contain nested content, including disabled state.

RadioCards size prop

The size prop controls the size of RadioCards. Available sizes are 1, 2, and 3.

RadioCards variant prop

The variant prop controls the visual style of RadioCards. Available variants are 'surface' and 'classic'.

RadioCards color prop

The color prop assigns a specific color to RadioCards. Supported colors include indigo, cyan, orange, and crimson, following the color system.

RadioCards highContrast prop

The highContrast prop increases color contrast between the RadioCards and the background when set to true.

RadioCards defaultValue prop

The defaultValue prop sets the initially selected value in an uncontrolled RadioCards component.

RadioCards columns prop

The columns prop controls the layout of RadioCards items in columns. It accepts responsive values as an object with breakpoints like initial and sm.

RadioCards variant example

Example showing RadioCards.Root components with variant prop set to 'surface' and 'classic', each containing a single RadioCards.Item with value="1" and '8-core CPU' text.

RadioCards color example

Example showing RadioCards.Root components with color prop set to 'indigo', 'cyan', 'orange', and 'crimson', each with defaultValue="1" and a RadioCards.Item containing '8-core CPU' text.

RadioCards highContrast example

Example showing paired RadioCards.Root components with and without highContrast prop for colors indigo, cyan, orange, and crimson in a 2-column grid, each containing a RadioCards.Item with defaultValue="1" and '8-core CPU' text.

RadioCards disabled example

Example showing two RadioCards.Root components with columns="2" and defaultValue="2". The first has enabled items with values '1' (Off) and '2' (On). The second has both items disabled with the disabled prop set to true.

Give your agent this brain