Releases: trendmicro-frontend/react-dropdown
Releases · trendmicro-frontend/react-dropdown
v1.4.0
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>
v1.2.3
v1.2.2
v1.2.1
v1.2.0
v1.1.0
v1.0.0
Breaking Changes
- Removed scrollable and maxHeight from DropdownMenu's props (c54c9aa)
- Do not transform the header font into uppercase characters (2f828c1)
- Removed DropdownSubMenu component (2dc5b71)
- Refactors the code that simplifies the structure of a multi-level dropdown menu (2dc5b71)
<Dropdown>
<Dropdown.Toggle>Select an option</Dropdown.Toggle>
<Dropdown.Menu>
<MenuItem>
Menu item one
</MenuItem>
<MenuItem>
Menu item two
</MenuItem>
<MenuItem>
Menu item three
</MenuItem>
<MenuItem divider />
<MenuItem>
Menu item four
<MenuItem>
Second level item one
</MenuItem>
<MenuItem>
Second level item two
</MenuItem>
<MenuItem>
Second level item three
<MenuItem>
Third level item one
</MenuItem>
</MenuItem>
</MenuItem>
</Dropdown.Menu>
</Dropdown>
Improvements
- Replace dropdownRole with componentType (3f66eba)