---
title: ActionsDropdown
category: General
summary: A shared implementation for the Profile actions dropdown.
---

## Default State

```jsx live
render(
  <ActionsDropdown isBelowManager>
    <Dropdown.Link to="#">Permissions</Dropdown.Link>
  </ActionsDropdown>
)
```

## Duplicates State

```jsx live
render(
  <ActionsDropdown
    duplicates={{
      amount: 1,
      url: '#',
    }}
    onDeleteProfile={() => alert('Delete profile 🗑')}
  >
    <Dropdown.Link to="#">Edit profile</Dropdown.Link>
    <Dropdown.Link to="#">Permissions</Dropdown.Link>
    <Dropdown.Link to="#">Perform action</Dropdown.Link>
    <Dropdown.Link to="#">Merge profile</Dropdown.Link>
    <Dropdown.Link to="#">Set inactive</Dropdown.Link>
  </ActionsDropdown>
)
```

## Inactive State

```jsx live
render(
  <ActionsDropdown
    inactive={{
      date: new Date('Sep 19, 2019'),
      reason: 'Deceased',
      linkProps: { onClick: () => alert('Reactivate 🎚') },
    }}
    isPeopleProduct
  >
    <Dropdown.Link to="#">Permissions</Dropdown.Link>
  </ActionsDropdown>
)
```

## Custom Styles

```jsx live
render(
  <ActionsDropdown
    defaultButtonProps={{
      backgroundColor: 'hotpink',
      color: 'white',
      hover: { backgroundColor: '#f25ca7' },
      active: { backgroundColor: '#ea539e' },
    }}
  >
    <Dropdown.Link to="#">Edit profile</Dropdown.Link>
  </ActionsDropdown>
)
```
