# CommentForm

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Comments/CommentForm.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Comments/CommentForm.tsx#L48)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `documentId` | `string` | ✓ | - |
| `projectId` | `string` | - | - |
| `parentId` | `string` | - | - |
| `onSubmit` | `Function` | ✓ | - |
| `onCancel` | `Function` | - | - |
| `placeholder` | `string` | - | "Add a comment..." |
| `compact` | `boolean` | - | false |

## Diagram

```mermaid
graph TD
    component_CommentForm_7859ca39["CommentForm"]
    class component_CommentForm_7859ca39 rootComponent
```

## Relationships

- RENDERS → `MentionsInput`
- RENDERS → `Mention`
- RENDERS → `AtSign`
- RENDERS → `Loader2`
- RENDERS → `Send`
- USES_HOOK → `useModifierKey`
- USES_HOOK → `useState`
- USES_HOOK → `useDocumentCollaborators`
- USES_HOOK → `useMemo`
- USES_HOOK → `useCallback`

## Referenced By

- `ReplyForm` (RENDERS)