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

Radix Primitives · all subjects

heading

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

Heading align prop for text alignment

The align prop sets text alignment. Valid values are left, center, and right.

Heading component is based on h1 element

The Heading component is based on the h1 element and supports common margin props.

Heading as prop for semantic heading level

The as prop changes the heading level semantically without changing visual appearance. Valid values are h1, h2, h3 (as shown in examples with size 1-3).

Heading size prop controls visual size and typography metrics

The size prop controls the size of the heading and provides correct line height and corrective letter spacing. As text size increases, the relative line height and letter spacing decrease. Heading sizes match Text sizes but with tighter line heights. Available sizes are 1 through 9.

Heading weight prop values

The weight prop sets the text weight. Valid values are regular, medium, and bold.

Heading trim prop removes leading space

The trim prop trims the leading space at the start, end, or both sides of the text box. Valid values are normal (no trim), start, end, and both. The prop works similarly to the CSS half-leading control spec but uses a negative margin workaround for cross-browser support. Trimming is useful when dialing in vertical spacing in cards or other boxy components where padding looks larger on top and bottom than on the sides.

Heading truncate prop

The truncate prop truncates text with an ellipsis when it overflows its container.

Heading wrap prop controls text wrapping

The wrap prop controls text wrapping. Valid values are nowrap (no wrapping), balance (balanced wrapping), and pretty (experimental wrapping). The text-wrap: pretty value is not yet supported in all browsers but can be treated as a progressive enhancement.

Heading color prop

The color prop assigns a specific color. Text colors are designed to achieve at least Lc 60 APCA contrast over common background colors.

Heading highContrast prop

The highContrast prop increases color contrast with the background when set to true.

Heading trim CSS variable customization

The default trim values are configured for the system font stack used by Radix Themes. When using custom fonts, trim values can be adjusted using CSS variables: --default-leading-trim-start (default 0.42em), --default-leading-trim-end (default 0.36em), --heading-leading-trim-start (default 0.42em), and --heading-leading-trim-end (default 0.36em).

Give your agent this brain