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 · all subjects

composition & structure

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.

Chat components composition intended usage

Chat components are intentionally small and designed to be composed together for AI chats, support inboxes, team threads, group chats, and product-specific conversations.

Carousel composition structure

Carousel is composed of: Carousel as the root, containing CarouselContent which contains one or more CarouselItem elements, and CarouselPrevious and CarouselNext as siblings of CarouselContent.

Carousel component composition

Carousel component structure: Carousel contains CarouselContent (which contains CarouselItem elements), CarouselPrevious, and CarouselNext.

Alert Dialog composition structure

Alert Dialog components are composed as follows: AlertDialog contains AlertDialogTrigger and AlertDialogContent. AlertDialogContent contains AlertDialogHeader and AlertDialogFooter. AlertDialogHeader contains AlertDialogMedia, AlertDialogTitle, and AlertDialogDescription. AlertDialogFooter contains AlertDialogCancel and AlertDialogAction.

Alert component composition structure

The Alert component structure consists of: Alert (parent) containing Icon, AlertTitle, AlertDescription, and AlertAction as child elements.

ButtonGroup with Select

Pair a ButtonGroup with a Select component to create select-button combinations.

ButtonGroup with Popover

Use ButtonGroup with a Popover component for advanced button interactions.

ButtonGroup composition structure

A ButtonGroup is composed of: ButtonGroup (parent) containing Button or Input, ButtonGroupSeparator, and ButtonGroupText as children.

ButtonGroup nesting support

Nest multiple `<ButtonGroup>` components to create button groups with spacing and complex layouts.

ButtonGroup Input composition

Wrap an Input component with buttons in a ButtonGroup to create input button combinations.

ButtonGroup with InputGroup

Wrap an InputGroup component with ButtonGroup to create complex input layouts.

ButtonGroup with DropdownMenu

Create a split button group with a DropdownMenu component for complex button interactions.

ButtonGroup nested composition example

Nest multiple button groups to create complex layouts with spacing: ```tsx <ButtonGroup> <ButtonGroup /> <ButtonGroup /> </ButtonGroup> ```

Checkbox with description

Use FieldContent and FieldDescription components together with checkbox for helper text.

Checkbox with field label

Pair the checkbox with Field and FieldLabel components for proper layout and labeling.

Checkbox group

Create a checkbox list by using multiple field components, each containing a checkbox.

Give your agent this brain