# bcx-message-composer



<!-- Auto Generated Below -->


## Properties

| Property                | Attribute                 | Description | Type                | Default                  |
| ----------------------- | ------------------------- | ----------- | ------------------- | ------------------------ |
| `disabled`              | `disabled`                |             | `boolean`           | `false`                  |
| `isAttachmentsDisabled` | `is-attachments-disabled` |             | `boolean`           | `false`                  |
| `loading`               | `loading`                 |             | `boolean`           | `false`                  |
| `maxLength`             | `max-length`              |             | `number`            | `1000`                   |
| `placeholder`           | `placeholder`             |             | `string`            | `'Type your message...'` |
| `theme`                 | `theme`                   |             | `"dark" \| "light"` | `'light'`                |


## Events

| Event               | Description | Type                                                |
| ------------------- | ----------- | --------------------------------------------------- |
| `attachmentsChange` |             | `CustomEvent<{ count: number; }>`                   |
| `messageSubmit`     |             | `CustomEvent<{ content: string; images: File[]; }>` |


## Methods

### `clearAttachments() => Promise<void>`



#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [bettercx-widget](../bettercx-widget)

### Graph
```mermaid
graph TD;
  bettercx-widget --> bcx-message-composer
  style bcx-message-composer fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*