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

slider/accessibility

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

Slider accessibility features

The Slider component is accessible by default with the following features: thumbs are focusable; when using the mouse, focus moves to the slider track; when pressing arrows, focus moves to the thumb; the value can be changed with arrow keys with step increment/decrement.

Slider thumbLabel prop for screen readers

Add the `thumbLabel` prop to label the thumb for screen readers. Example: `<Slider thumbLabel="Thumb aria-label" />`

Slider thumbValueText prop for scaled values

When using `scale` or formatting the displayed value (like currency or percentage), set `thumbValueText` to provide a human-readable value for screen readers. It is rendered as `aria-valuetext` on the thumb. When a function is provided, it receives the scaled value. Example: `thumbValueText={(value) => \`$${value}\`}`

Slider keyboard interactions

The Slider component supports the following keyboard interactions: ArrowRight/ArrowUp increases the slider value by one step; ArrowLeft/ArrowDown decreases the slider value by one step; Home sets the slider value to the min value; End sets the slider value to the max value.

Give your agent this brain