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