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

visually-hidden

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

VisuallyHidden import

Import VisuallyHidden from radix-ui using: import { VisuallyHidden } from "radix-ui";

VisuallyHidden.Root component

VisuallyHidden.Root is the component that hides content from the screen. Anything put inside this component will be hidden from the screen but will be announced by screen readers.

VisuallyHidden.Root asChild prop

The Root component accepts an asChild prop (boolean, default: false). When true, it changes the default rendered element for the one passed as a child, merging their props and behavior.

VisuallyHidden icon label example

Example of using VisuallyHidden with an icon button: wrapping an icon inside a button with VisuallyHidden.Root containing text provides a screen reader accessible label for an icon-only button. The example shows <button><GearIcon /><VisuallyHidden.Root>Settings</VisuallyHidden.Root></button>.

Visually Hidden component inheritance

The Visually Hidden component inherits all props and functionality from the Visually Hidden primitive utility.

Give your agent this brain