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

ring-progress/props

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

RingProgress sections prop structure

The sections prop accepts an array of objects with the following properties: value (number between 0 and 100 representing the percentage of the ring to fill), color (segment color from theme.colors or any CSS color value), tooltip (optional React node to display when hovering over the section), and any valid SVG <circle> element props (onClick, onMouseEnter, style, etc.).

RingProgress section values should sum to 100% or less

Section values should sum to 100% or less for expected behavior. Values exceeding 100% total will cause sections to overlap.

RingProgress size, thickness and rounded caps props

Use the size, thickness, and roundCaps props to configure the RingProgress size and thickness values.

RingProgress sectionGap prop

Use the sectionGap prop to add visual separation between sections. The gap is specified in degrees.

RingProgress startAngle prop angles

Use the startAngle prop to control where the progress starts. The angle is specified in degrees, where 0 = right, 90 = bottom, 180 = left, and 270 = top (default).

RingProgress rootColor prop

Use the rootColor prop to customize the color of the unfilled portion of the ring (the background).

RingProgress section event handlers

Each section can receive any valid SVG <circle> element props, including event handlers like onClick, onMouseEnter, and onMouseLeave.

RingProgress transitionDuration prop

By default, transitions are disabled. To enable them, set the transitionDuration prop to a number of milliseconds.

RingProgress section tooltip support

Add a tooltip property to a section to display a floating Tooltip when the user hovers over it.

RingProgress label customization

You can add any React node as a label, for example a Text component with custom styling or an ActionIcon.

Give your agent this brain