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

radio-group/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.

Radio Group choice card variant

A choice card variant can be created by wrapping the entire Field component with FieldLabel, making the entire card clickable for radio selection.

Radio Group disabled variant

A disabled radio group is created by setting the isDisabled prop to true on the RadioGroup component, which disables all radio items in the group.

Radio Group invalid variant

An invalid radio group is created by setting isInvalid on RadioGroupItem and data-invalid on Field to show validation errors.

Radio Group with Field component for description

Radio group items can include descriptions by using the Field component to wrap individual radio items with additional descriptive content.

radio-group description variant

Radio group items can include descriptions using the Field component. This allows for additional context or explanation for each radio option.

radio-group choice card variant

Use FieldLabel to wrap the entire Field for a clickable card-style selection variant of radio group items.

radio-group fieldset variant

Use FieldSet and FieldLegend to group radio items with a label and description.

Radio Group disabled items

Individual Radio Group items can be disabled using the disabled prop on RadioGroupItem.

Radio Group validation with aria-invalid

To show validation errors on Radio Group items, use aria-invalid on RadioGroupItem and data-invalid on Field.

Give your agent this brain