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

Mantine · all subjects

chip/group

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

Chip.Group manages child Chip state

The Chip.Group component manages the state of child Chip components. It accepts a multiple prop to allow multiple chips to be selected at a time.

Chip.Group controlled multiple selection

When multiple is true on Chip.Group, the value prop is an array of strings representing all selected chip values. Use onChange to update the array state.

Chip.Group single selection example

```tsx import { useState } from 'react'; import { Chip } from '@mantine/core'; function Single() { const [value, setValue] = useState('react'); return ( <Chip.Group multiple={false} value={value} onChange={setValue}> <Chip value="react">React</Chip> <Chip value="ng">Angular</Chip> <Chip value="svelte">Svelte</Chip> <Chip value="vue">Vue</Chip> </Chip.Group> ); } ``` This example shows how to implement single selection in Chip.Group where only one chip can be selected at a time.

Chip.Group multiple selection example

```tsx import { useState } from 'react'; import { Chip } from '@mantine/core'; function Multiple() { const [value, setValue] = useState(['react']); return ( <Chip.Group multiple value={value} onChange={setValue}> <Chip value="react">React</Chip> <Chip value="ng">Angular</Chip> <Chip value="svelte">Svelte</Chip> <Chip value="vue">Vue</Chip> </Chip.Group> ); } ``` This example shows how to implement multiple selection in Chip.Group where multiple chips can be selected simultaneously.

Chip deselect radio behavior

Chip components can be configured with radio-like behavior where chips can be deselected. This is demonstrated in ChipDemos.deselect.

Give your agent this brain