> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-llms-scoped-indexes.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# File Bubble

> File Bubble — CometChat documentation.

CometChatFileBubble is the content view for a MediaMessage if the media sent is an file.

## Methods

| Methods | Type | Description |
| - | - | - |
| set(fileUrl: String) | String | Used to set the file url for the bubble |
| set(title: String) | String | Used to set the file title |
| set(subTitle: String) | String | Used to set the file subtitle |
| set(style: FileBubbleStyle) | FileBubbleStyle | Used to set the customization of the file bubble |

## FileBubbleStyle

BubbleStyle is the class containing methods to customize appearance of this bubble.

| Methods | Type | Description |
| - | - | - |
| set(titleColor: UIColor) | UIColor | used to set title text color of the message |
| set(titleFont: UIFont) | UIFont | used to set title text font of the message |
| set(subtitleColor: UIColor) | UIColor | used to set sub title text color of the message |
| set(subtitleFont: UIFont) | UIFont | used to set sub title font of the message |
| set(iconTint: UIColor) | UIColor | used to provide color to the audio play icon |
| set(background: UIColor) | UIColor | used to set background color |
| set(borderColor: UIColor) | UIColor | used to set a border color |
| set(borderWidth: CGFloat) | CGFloat | used to set border |
| set(cornerRadius: CometChatCornerStyle) | CometChatCornerStyle | used to set border radius |

Usage

<Tabs>
  <Tab title="Swift">
    ```swift theme={null}
    //create file bubble style object
      let fileBubbleStyle = FileBubbleStyle()

    //modify style properties
      fileBubbleStyle.set(background: .black)
            fileBubbleStyle.set(borderWidth: 2.0)
            fileBubbleStyle.set(borderColor: .black)
            fileBubbleStyle.set(cornerRadius: CometChatCornerStyle(cornerRadius: 5.0))
            fileBubbleStyle.set(titleColor: .red)
            fileBubbleStyle.set(titleFont: UIFont.systemFont(ofSize: 12.0))
            fileBubbleStyle.set(subtitleFont: UIFont.systemFont(ofSize: 10.0))
            fileBubbleStyle.set(subtitleColor: .darkText)
            fileBubbleStyle.set(iconTint: .darkGray)

    //set style to the file bubble object
     fileBubble.set(style: fileBubbleStyle)
    ```
  </Tab>
</Tabs>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.