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

card

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.

Card component purpose

Card is a container component that groups related content and actions.

Card based on div element

The Card component is based on the div element and supports common margin props.

Card asChild prop

The asChild prop allows rendering the card as another element, such as a link or button. When used, the prop adds styles for interactive states like hover and focus.

Card size prop

The size prop controls the padding and overall dimensions of the card. Available sizes include 1, 2, and 3.

Card variant prop

The variant prop controls the visual style of the card. Available variants include 'surface' and 'classic'.

Card with Inset component

The Inset component can be used within a Card to align content flush with the sides of the card, such as when placing full-width images at the top.

Radix Themes 3.0.0 Card internal structure rework

Radix Themes 3.0.0 reworked Card internal HTML structure and styles; it now renders a single HTML node. To override the Card's background color on variants other than ghost, use the --card-background-color CSS variable instead of assigning background-color directly, or set your background color on an <Inset p="current"> element nested as the first child of the Card. Check Card instances using asChild or asChild'ed onto by a parent component.

Give your agent this brain