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

reset

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.

Reset component purpose and core behavior

The Reset component is used to aggressively reset browser styles on a specific element. It renders a Slot primitive that accepts a single React element as its child, removes opinionated browser styles, sets idiomatic layout defaults, sets cursor style according to theme settings, and adds box-sizing: border-box.

Reset removes opinionated browser styles

The Reset component removes opinionated browser styles from HTML elements so they can be styled consistently and predictably.

Reset sets idiomatic layout defaults

The Reset component sets idiomatic layout defaults for elements, such as display: block for images and width: stretch for inputs.

Reset adds box-sizing: border-box

The Reset component adds box-sizing: border-box to elements to ensure padding and border are included in the element's total width and height.

Reset sets cursor style according to theme

The Reset component sets the cursor style according to theme settings defined in the Radix Primitives theme configuration.

iframe element reset applies display: block and width: stretch

When reset, iframe elements get display: block and width: stretch applied to them.

img element reset applies display: block and max-width: 100%

When reset, img elements get display: block and max-width: 100% applied to them.

textual input elements reset applies display: block and width: stretch

When reset, textual input types get display: block and width: stretch applied to them.

svg element reset applies display: block, max-width: 100%, and flex-shrink: 0

When reset, svg elements get display: block, max-width: 100%, and flex-shrink: 0 applied to them.

Reset component based on Slot primitive

The Reset component is built on top of the Slot primitive from Radix Primitives utilities, which allows it to accept a single React element as its child and apply reset styles to it.

Give your agent this brain