Use title to show optional heading text above the items.

import React from 'react'; import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu'; const DropdownItemGroupTitleExample = () => { return ( <DropdownMenu trigger="Page actions"> <DropdownItemGroup title="Edit page"> <DropdownItem>Edit</DropdownItem> <DropdownItem>Move</DropdownItem> <DropdownItem>Clone</DropdownItem> </DropdownItemGroup> <DropdownItemGroup title="Tools"> <DropdownItem>Integrations</DropdownItem> <DropdownItem>Permissions</DropdownItem> </DropdownItemGroup> </DropdownMenu> ); }; export default DropdownItemGroupTitleExample;

Was this page helpful?

We use this feedback to improve our documentation.