...
Description
A block element used to display contain a list of menu items within the main content area of the App.
Padding
Depending on the Canvas that it is being used on, the Menu Block component was different padding built-in:
Modal Canvas: Padding = 40px Top/Bottom, 20px Left/Right
RHS Canvas: Padding = 24px Top/Bottom, 0px Left/Right
Message Canvas: N/A
Menu Blocks can be used within a Section Block.
Margin
The Menu Block has a negative margin of -20px on the left and right so that the Menu Items inside it can extend outside the standard margin on the hover state and align properly with the rest of the content on the layout. See the sample screen below.
Related Components
...