---
title: crwdns62914:0crwdne62914:0
image: crwdns62916:0crwdne62916:0
---

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

crwdns62918:0{ SandpackEditor}crwdne62918:0

crwdns62920:0crwdne62920:0

<Tabs>
<Tab title="Usage">

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

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

</Tab>
<Tab title="Props">

| crwdns62922:0crwdne62922:0 | crwdns62924:0crwdne62924:0 | crwdns62926:0crwdne62926:0                                                            |
| ---------------------------------------------------------- | ---------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| crwdns62928:0crwdne62928:0 | crwdns62930:0crwdne62930:0 | crwdns62932:0crwdne62932:0                                                            |
| crwdns62934:0crwdne62934:0 | crwdns62936:0crwdne62936:0 | crwdns62938:0crwdne62938:0 crwdns62940:0crwdne62940:0 |
| crwdns62942:0crwdne62942:0 | crwdns62944:0crwdne62944:0 | crwdns62946:0crwdne62946:0                                                            |
| crwdns62948:0crwdne62948:0 | crwdns62950:0crwdne62950:0 | crwdns62952:0crwdne62952:0                                                            |
| crwdns62954:0crwdne62954:0 | crwdns62956:0crwdne62956:0 | crwdns62958:0crwdne62958:0                                                            |
| crwdns62960:0crwdne62960:0 | crwdns62962:0crwdne62962:0 | crwdns62964:0crwdne62964:0                                                            |
| crwdns62966:0crwdne62966:0 | crwdns62968:0crwdne62968:0 | crwdns62970:0crwdne62970:0                                                            |

</Tab>
</Tabs>