---
id: message-action
title: MessageAction
---

When you long press a message, it opens up a message overlay and renders all the actions available on message. MessageAction is an object consisting of all the params required to render a single action button, in message overlay.

## Example

```tsx
{
  action: () => { /** Some action here */ },
  icon: <PinIcon />,
  title: 'Pin Message',
  titleStyle: { color: 'red' }
}
```

## values

### action

Callback when user presses the action button.

| Type |
| - |
| Function |

### icon

Element to render as icon for action button.

| Type |
| - |
| Element |

### title

Title for action button.

| Type |
| - |
| string |

### titleStyle

Styles for underlying Text component of action title.

| Type |
| - |
| [`Text Style Props`](https://reactnative.dev/docs/text-style-props#props) |

