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

text/props

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

Text truncate prop

Set the truncate prop on the Text component to add text-overflow: ellipsis styles, which truncates text with an ellipsis when it overflows its container.

Text lineClamp prop

The lineClamp prop on the Text component specifies the maximum number of lines to display. It uses the -webkit-line-clamp CSS property. Note that padding-bottom cannot be set on the text element when using lineClamp. The lineClamp prop works with any children, not only strings.

Text inherit prop

Set the inherit prop on the Text component to force it to inherit parent font-size, font-family, and line-height styles instead of applying its own. By default, Text always applies these font styles.

Text textWrap prop

The textWrap prop on the Text component controls the text-wrap CSS property. Values include 'balance' which evens out line lengths, and 'pretty' which prevents orphaned words on the last line.

Text component polymorphic default element

The Text component defaults to rendering as a p (paragraph) element but can be changed to other elements like a (anchor) via the component prop.

Text span prop shorthand

The span prop on the Text component is a shorthand for component="span", allowing Text to render as a span element without explicitly setting the component prop.

Text span prop example

Example of using the span prop on Text component: import { Text } from '@mantine/core'; function Demo() { return ( <> <Text span>Same as below</Text> <Text component="span">Same as above</Text> </> ); }

Give your agent this brain