---
title: Entrada de Imagem
---

<Frame>
  <img src="/images/user-guide/objects/objects.png" alt="Cabeçalho" />
</Frame>

Permite que os usuários façam upload e removam uma imagem.

<Tabs>
<Tab title="Uso">

```jsx
import { ImageInput } from "@/ui/input/components/ImageInput";

export const MyComponent = () => {
  return <ImageInput/>;
};
```

</Tab>
<Tab title="Propriedades">


| Propriedades | Tipo     | Descrição                                                                                                   |
| ------------ | -------- | ----------------------------------------------------------------------------------------------------------- |
| imagem       | string   | A URL de origem da imagem                                                                                   |
| onUpload     | função   | A função chamada quando um usuário faz upload de uma nova imagem. Ela recebe o objeto `File` como parâmetro |
| onRemove     | função   | A função chamada quando o usuário clica no botão de remoção                                                 |
| onAbort      | função   | A função chamada quando o usuário clica no botão de cancelamento durante o upload da imagem                 |
| isUploading  | booleano | Indica se uma imagem está sendo enviada no momento                                                          |
| mensagem     | string   | Uma mensagem de erro opcional a ser exibida abaixo da entrada de imagem                                     |
| desativado   | booleano | Se `true`, a entrada inteira está desativada e os botões não são clicáveis                                  |




</Tab>
</Tabs>
