# Component/Upload/ImageUploadPreview

> Props: component-upload-imageuploadpreview.props.txt

## Examples


### Background Dark

```tsx
{
  args: {},
  args: {
    backgroundDark: true
  }
}
```

### Base

```tsx
{
  args: {}
}
```

### Custom Border Radius

```tsx
{
  args: {},
  args: {
    borderRadius: 20
  }
}
```

### Custom Size

```tsx
{
  args: {},
  args: {
    width: 300,
    height: 150
  }
}
```

### Disabled

```tsx
{
  args: {},
  args: {
    disabled: true
  }
}
```

### Error

```tsx
{
  args: {},
  args: {
    error: true
  }
}
```

### Loading

```tsx
{
  args: {},
  args: {
    loading: true
  }
}
```

### No Image

```tsx
{
  args: {},
  args: {
    src: undefined,
    label: 'No Image'
  }
}
```

### No Remove Button

```tsx
{
  args: {},
  args: {
    removable: false
  }
}
```

### Object Fit Cover

```tsx
{
  args: {},
  args: {
    objectFit: 'cover'
  }
}
```

### Object Fit Fill

```tsx
{
  args: {},
  args: {
    objectFit: 'fill'
  }
}
```

### Read Only

```tsx
{
  args: {},
  args: {
    readOnly: true
  }
}
```

### Small Size

```tsx
{
  args: {},
  args: {
    size: 'small'
  }
}
```

### With Label

```tsx
{
  args: {},
  args: {
    label: 'Product Image',
    alt: 'Product Image'
  }
}
```