Skip to content

v1.3.0

Compare
Choose a tag to compare
@cheton cheton released this 06 Sep 08:37
· 7 commits to master since this release

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:

image

 <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>