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

button-group/composition

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.

ButtonGroup nesting

Nest multiple ButtonGroup components to create complex layouts with spacing. Example: <ButtonGroup><ButtonGroup /><ButtonGroup /></ButtonGroup>

ButtonGroupText basic usage

Use ButtonGroupText to display text within a button group. Example: <ButtonGroup><ButtonGroupText>Text</ButtonGroupText><Button>Button</Button></ButtonGroup>

ButtonGroupText with Label example

Example showing ButtonGroupText with asChild prop rendering a Label: import { ButtonGroupText } from "@/components/ui/button-group"; import { Label } from "@/components/ui/label"; export function ButtonGroupTextDemo() { return (<ButtonGroup><ButtonGroupText asChild><Label htmlFor="name">Text</Label></ButtonGroupText><Input placeholder="Type something here..." id="name" /></ButtonGroup>); }

ButtonGroup composition structure

ButtonGroup composition includes: ButtonGroup as the root, containing Button or Input, ButtonGroupSeparator, and ButtonGroupText as child components.

ButtonGroupSeparator visual divider

The ButtonGroupSeparator component visually divides buttons within a group. Buttons with variant outline do not need a separator since they have a border. For other variants, a separator is recommended to improve visual hierarchy.

ButtonGroupText component

Use ButtonGroupText component to display text within a button group.

Give your agent this brain