> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Vstup obrázku

<Frame>
  <img src="https://mintcdn.com/twenty/GMeQVDsw5ST_LXpE/images/user-guide/objects/objects.png?fit=max&auto=format&n=GMeQVDsw5ST_LXpE&q=85&s=f753eac3bada05044c64e7af9ddea9ab" alt="Hlavička" width="1440" height="680" data-path="images/user-guide/objects/objects.png" />
</Frame>

Umožňuje uživatelům nahrát a odstranit obrázek.

<Tabs>
  <Tab title="Použití">
    ```jsx theme={null}
    import { ImageInput } from "@/ui/input/components/ImageInput";

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

  <Tab title="Vlastnosti">
    | Vlastnosti     | Typ                | Popis                                                                                              |
    | -------------- | ------------------ | -------------------------------------------------------------------------------------------------- |
    | obrázek        | řetězec            | URL zdroje obrázku                                                                                 |
    | onUpload       | funkce             | Funkce, která se spustí při nahrání nového obrázku uživatelem. Přijímá objekt `File` jako parametr |
    | onRemove       | funkce             | Funkce, která se spustí po kliknutí uživatele na tlačítko odstranění                               |
    | onAbort        | funkce             | Funkce, která se spustí při kliknutí uživatele na tlačítko přerušení během nahrávání obrázku       |
    | isUploading    | booleovská hodnota | Označuje, zda se obrázek aktuálně nahrává                                                          |
    | chybová zpráva | řetězec            | Volitelná chybová zpráva k zobrazení pod vstupním polem pro obrázek                                |
    | neaktivní      | booleovská hodnota | Pokud je `true`, je celý vstup deaktivován a na tlačítka nelze kliknout                            |
  </Tab>
</Tabs>