# Disable attachment button on sendbird default input (ReactJS)

**URL:** <https://community.sendbird.com/t/disable-attachment-button-on-sendbird-default-input-reactjs/7059>\
**Category:** React\
**Created:** [April 18, 2023, 6:22pm UTC](https://community.sendbird.com/t/disable-attachment-button-on-sendbird-default-input-reactjs/7059 "2023-04-18T18:22:31Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![devluked](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/devluked/32/3556_2.png) [@devluked](https://community.sendbird.com/u/devluked)\
**Post date:** [April 18, 2023, 6:22pm UTC](https://community.sendbird.com/t/disable-attachment-button-on-sendbird-default-input-reactjs/7059/1 "2023-04-18T18:22:31Z")

</div>

Hi,

I’m using Sendbirds OpenChannel component from the React UI Kit. I was wondering if there is a way to hide this attachments button?

![image](https://us1.discourse-cdn.com/flex020/uploads/sendbird/original/2X/2/25b4d0a380d3442db35f8cf46110dcdd9681f47f.png)

---

<div class="post-metadata">

**Author:** ![Miyoung\_Han](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/miyoung_han/32/183_2.png) [@Miyoung\_Han](https://community.sendbird.com/u/Miyoung_Han)\
**Post date:** [April 18, 2023, 6:57pm UTC](https://community.sendbird.com/t/disable-attachment-button-on-sendbird-default-input-reactjs/7059/2 "2023-04-18T18:57:45Z")

</div>

Hi @devluked

Welcome to Sendbird Community!

You can add the following to your CSS file.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/sendbird/original/2X/c/cb3251b791959798fe1b6c4a9881db647bb0e97b.png)

```auto
.sendbird-message-input--attach {
  display: none;
}

```

---

<div class="post-metadata">

**Author:** ![devluked](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/devluked/32/3556_2.png) [@devluked](https://community.sendbird.com/u/devluked)\
**Post date:** [April 19, 2023, 10:39pm UTC](https://community.sendbird.com/t/disable-attachment-button-on-sendbird-default-input-reactjs/7059/3 "2023-04-19T22:39:33Z")

</div>

Thank you! I ended up making a custom input, but this is nice to keep in mind!

---

<div class="post-metadata">

**Author:** ![K\_T](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/k_t/32/3758_2.png) [@K\_T](https://community.sendbird.com/u/K_T)\
**Post date:** [June 20, 2023, 7:07pm UTC](https://community.sendbird.com/t/disable-attachment-button-on-sendbird-default-input-reactjs/7059/4 "2023-06-20T19:07:14Z")

</div>

Is there an actual way of disabling this without doing a CSS hack? Voice records can be disabled via the UIKit with a simple boolean, but the file uploads cant?

File upload seem to be a bit of a security concern for us as we don’t want users to upload files at all.

---

<div class="post-metadata">

**Author:** ![Miyoung\_Han](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/miyoung_han/32/183_2.png) [@Miyoung\_Han](https://community.sendbird.com/u/Miyoung_Han)\
**Post date:** [June 20, 2023, 8:27pm UTC](https://community.sendbird.com/t/disable-attachment-button-on-sendbird-default-input-reactjs/7059/5 "2023-06-20T20:27:30Z")

</div>

Hi @K_T

The voice record feature is an extension feature in UIKit. However, message sending is one of the essential functionalities of the Chat, and we provide it as a primary component.  
However, there is an application attribute to prevent the file message sending by a user.  
If you want to stop sending file messages by the users, please DM me your application ID.  
I’ll turn off the functionality for your application.