---
url: https://react-ui.bas.dev/overlays/disabled-reason.md
---
# DisabledReason

Why a row cannot be picked, in a tooltip beside it rather than in the row itself. A reason is a sentence, and a sentence in a menu row would set the width of the whole menu.

```tsx
import { DisabledReason } from '@basmilius/react-ui';
```

Open the menu and rest the pointer on Push. A row with nothing in its way (`reason={null}`) is handed through untouched and carries no tooltip at all, so you can wrap every row the same way and let the reason decide.

## Props

| Prop | Type | |
| --- | --- | --- |
| `reason` | `string \| null` | Required. |
| `children` | `ReactElement` | Required. The row. |

`DisabledReasonProps` is an exported type.