@neynar/ui
Version:
React UI component library built on shadcn/ui and Tailwind CSS
51 lines (39 loc) • 1.09 kB
Markdown
# MenubarSubTrigger
**Type**: component
Menu item that opens a submenu. Automatically includes a right arrow indicator to show that it opens a submenu when hovered or focused. Opens submenu on hover or right arrow key press.
## JSX Usage
```jsx
import { MenubarSubTrigger } from '@neynar/ui';
<MenubarSubTrigger
className="value"
inset={true}
disabled={true}
textValue="value"
>
{/* Your content here */}
</MenubarSubTrigger>
```
## Component Props
### className
- **Type**: `string`
- **Required**: No
- **Description**: Additional CSS classes to apply to the sub-trigger
### inset
- **Type**: `boolean`
- **Required**: No
- **Description**: Whether to add left padding for alignment with items that have icons
### disabled
- **Type**: `boolean`
- **Required**: No
- **Description**: When true, prevents the user from interacting with the item
### textValue
- **Type**: `string`
- **Required**: No
- **Description**: Optional text used for typeahead purposes when content is complex
## Examples
```tsx
<MenubarSubTrigger>
Recent Files
</MenubarSubTrigger>
```
/