Files
twenty/packages/twenty-docs/l/cs/twenty-ui/input/image-input.mdx
T
Félix Malfait 3dd858c91e i18n - docs translations (#16774)
Created by Github action

Pulls the latest documentation translations from Crowdin for all
supported languages:
- French (fr)
- Arabic (ar)  
- Czech (cs)
- German (de)
- Spanish (es)
- Italian (it)
- Japanese (ja)
- Korean (ko)
- Portuguese (pt)
- Romanian (ro)
- Russian (ru)
- Turkish (tr)
- Chinese (zh-CN)

---------

Co-authored-by: github-actions <github-actions@twenty.com>
2025-12-23 14:26:11 +01:00

35 lines
1.8 KiB
Plaintext

---
title: Vstup obrázku
image: /images/user-guide/objects/objects.png
---
<Frame>
<img src="/images/user-guide/objects/objects.png" alt="Hlavička" />
</Frame>
Umožňuje uživatelům nahrát a odstranit obrázek.
<Tabs>
<Tab title="Použití">
```jsx
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 | Indicates whether an image is currently being uploaded |
| chybová zpráva | řetězec | Volitelná chybová zpráva k zobrazení pod vstupním polem pro obrázek |
| neaktivní | booleovská hodnota | If `true`, the entire input is disabled, and the buttons are not clickable |
</Tab>
</Tabs>