# MenuItem
One action in a `Menu`: `onClick` runs it, `href` makes it a link, `shortcut` shows its keys and `tone="destructive"` marks an action that cannot be undone.
```tsx
import { MenuItem } from "@/components/ouro/menu/menu";
```
## Example
```tsx
```
## Use instead when
- Use `MenuCheckboxItem` instead for an on/off setting, and `MenuRadioItem` for one choice of several.
## Props
Type: `MenuItemProps`.
| Prop | Type | Description |
| --- | --- | --- |
| `children` (required) | `ReactNode` | The item's text, or text with an icon. |
| `current` | `boolean` | Marks a link item as the page being shown (`aria-current="page"`, a medium-weight label with a bar at the start edge, which the highlight does not have), for a menu of pages. It does nothing on an item without `href`. |
| `disabled` | `boolean` | Shown, but cannot be chosen. |
| `href` | `string` | Makes the item a link: an internal path goes through `OuroProvider`'s router link, an absolute URL is a plain ``. The menu closes when it is followed. |
| `onClick` | `((event: MouseEvent) => void)` | Runs when the item is chosen, by click, tap or Enter. The menu then closes. |
| `shortcut` | `MenuShortcut` | The item's keyboard shortcut, as `Kbd` shows it: `["mod", "e"]` is ⌘E on Apple platforms and Ctrl+E elsewhere. It only shows the keys; bind them in your app. |
| `tone` | `"destructive"` | `"destructive"` for an action that deletes or cannot be undone. |
## Don't use
These are not props. Passing one fails the type check with the fix in the error, and in development a console message names the fix.
- `asChild`: Not a prop. For a link, pass `href`: `