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

actionicon/disabled

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

ActionIcon disabled prop vs data-disabled attribute

The disabled prop prevents interactions and adds disabled styles. The data-disabled prop makes the button look disabled but remain interactive. Use disabled for actual disabled state and data-disabled when you need the appearance of disabled without true disabling.

ActionIcon as link requires data-disabled instead of disabled

The <a /> element does not support the disabled attribute. When ActionIcon is rendered as a link, set the data-disabled attribute instead and prevent default behavior with onClick event handler (event) => event.preventDefault().

CSS selectors for customizing ActionIcon disabled styles

&:disabled selector is used when the disabled prop is set or when the button is disabled by parent component (such as fieldset). &[data-disabled] selector is used when the button should look disabled but is not actually disabled, such as with Tooltip on disabled ActionIcon or when ActionIcon is used as a link.

ActionIcon disabled with Tooltip requires data-disabled

When using Tooltip with a disabled ActionIcon, set the data-disabled prop instead of disabled, because onMouseLeave event is not triggered when ActionIcon is disabled. Also change the onClick event handler to (event) => event.preventDefault() since ActionIcon is not actually disabled.

Give your agent this brain