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

context-menu

71 notes in this subject, read out of this brain and free to use. This is page 2 of 2.

Context Menu Sub part

ContextMenu.Sub contains all the parts of a submenu.

Context Menu CheckboxItem part

ContextMenu.CheckboxItem is an item that can be controlled and rendered like a checkbox.

Context Menu RadioItem part

ContextMenu.RadioItem is an item that can be controlled and rendered like a radio.

Context Menu RadioGroup part

ContextMenu.RadioGroup is used to group multiple RadioItem parts.

Context Menu Group part

ContextMenu.Group is used to group multiple Item parts.

Context Menu Content color prop

The color prop on ContextMenu.Content assigns a specific color. Accepted values include indigo, cyan, orange, and crimson. The color prop can also be passed to specific items to override for semantic reasons, such as marking a destructive action.

Context Menu Content highContrast prop

The highContrast prop on ContextMenu.Content increases color contrast with the background.

Context Menu Item shortcut prop

ContextMenu.Item accepts a shortcut prop to display keyboard shortcut text next to the item, such as '⌘ E' or '⌘ D'.

Context Menu basic example

A complete working example of a context menu: <ContextMenu.Root><ContextMenu.Trigger><RightClickZone style={{ height: 150 }} /></ContextMenu.Trigger><ContextMenu.Content><ContextMenu.Item shortcut="⌘ E">Edit</ContextMenu.Item><ContextMenu.Item shortcut="⌘ D">Duplicate</ContextMenu.Item><ContextMenu.Separator /><ContextMenu.Item shortcut="⌘ N">Archive</ContextMenu.Item><ContextMenu.Sub><ContextMenu.SubTrigger>More</ContextMenu.SubTrigger><ContextMenu.SubContent><ContextMenu.Item>Move to project…</ContextMenu.Item><ContextMenu.Item>Move to folder…</ContextMenu.Item><ContextMenu.Separator /><ContextMenu.Item>Advanced options…</ContextMenu.Item></ContextMenu.SubContent></ContextMenu.Sub><ContextMenu.Separator /><ContextMenu.Item>Share</ContextMenu.Item><ContextMenu.Item>Add to favorites</ContextMenu.Item><ContextMenu.Separator /><ContextMenu.Item shortcut="⌘ ⌫" color="red">Delete</ContextMenu.Item></ContextMenu.Content></ContextMenu.Root>

Context Menu definition and trigger

A context menu is a menu representing a set of actions, displayed at the point of right click or long press. It is composed of ContextMenu.Root, ContextMenu.Trigger, and ContextMenu.Content parts.

Context Menu Root part

ContextMenu.Root contains all the parts of a context menu.

Give your agent this brain