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

transition/props

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.

Transition enterDelay and exitDelay props

Use the enterDelay and exitDelay props to delay the transition start. Values are specified in milliseconds.

Transition lifecycle callbacks

Transition provides four lifecycle callbacks: onEnter (called when enter transition starts), onEntered (called when enter transition completes), onExit (called when exit transition starts), and onExited (called when exit transition completes).

Transition lifecycle callbacks example

Example using lifecycle callbacks: import { Transition } from '@mantine/core'; function Demo() { return ( <Transition mounted transition="fade" duration={200} onEnter={() => console.log('Enter started')} onEntered={() => console.log('Enter completed')} onExit={() => console.log('Exit started')} onExited={() => console.log('Exit completed')} > {(styles) => <div style={styles}>Content</div>} </Transition> ); }

Transition keepMounted prop

By default, the element is unmounted from the DOM when the transition is complete. Use the keepMounted prop to keep the element mounted with display: none instead of removing it from the DOM.

Transition keepMounted use cases

The keepMounted prop is useful when you want to: preserve element state during hide/show, avoid remounting overhead, or maintain focus/scroll position.

Transition keepMounted example

Example using keepMounted: import { Transition } from '@mantine/core'; function Demo() { return ( <Transition mounted={false} keepMounted transition="fade"> {(styles) => <div style={styles}>Content</div>} </Transition> ); }

Give your agent this brain