Menu item

Block limitations

This is a private block and can only be used within specific parent blocks. It is designed to work exclusively within the Menu dropdown or Menu page blocks.

Overview

A menu item block component that renders content within a menu dropdown. Provides a container for theme and app blocks to be displayed when a menu item is selected.

Common use cases

• Use this block to add custom content like featured products, images or promotions to menu dropdowns

• Configure gap size and padding based on content type and design needs

• Ensure menu_key matches the parent menu item title for proper functionality

Child blocks

This block includes the following nested blocks:

• All theme blocks

• App blocks

Block settings

Setting	Description	Options
Menu key	Key that matches the parent menu item (handlized)	Text input
Enable horizontal padding	Adds horizontal padding inside the container	Checkbox (default: false)
Enable vertical padding	Adds vertical padding inside the container	Checkbox (default: false)
Gap size	Spacing between child blocks	None, Default (default), Xs, Sm, Md, Lg, Xl
Color scheme	Controls the background color scheme	Body (default), Neutral, Accent 1, Accent 2, Accent 3, Shade 1, Shade 2, Shade 3, Primary, Secondary, Tertiary, Blur, Transparent
Border color	Controls the border color	Body, Subtle (default), Strong, Primary, Secondary, Tertiary, None. Visible when border position is not empty
Border position	Controls which sides have borders	None (default), Top, Bottom, Left, Right, Top and bottom, Left and right, All
Visibility	Controls when the block is visible	All (default), Mobile only, Desktop only