v1.3.0
Address an issue that a header menu item may affect the left padding space of its subsequent menu items (2869746, close #19)
You can use Space component to add extra space to your menu item as below:
<Dropdown open onToggle={() => {}}>
<Dropdown.Toggle title="Select an option" />
<Dropdown.Menu>
<MenuItem header>
Dropdown Header
</MenuItem>
<MenuItem>
<Space width={16} />
Menu item one (16px padding)
</MenuItem>
<MenuItem>
<Space width={24} />
Menu item two (24px padding)
</MenuItem>
<MenuItem divider />
<MenuItem header>
Dropdown Header
</MenuItem>
<MenuItem>
Menu item three
</MenuItem>
<MenuItem divider />
<MenuItem>
Menu item four
</MenuItem>
</Dropdown.Menu>
</Dropdown>