Home > react-directus > DirectusImageCustomProps
Represents the Custom Transformations you can apply to an image.
Signature:
export interface DirectusImageCustomProps
| Property | Modifiers | Type | Description |
|---|---|---|---|
| fit? | ‘cover’ | ‘contain’ | ‘inside’ | ‘outside’ | (Optional) The fit of the thumbnail while always preserving the aspect ratio. | |
| format? | ‘auto’ | ‘jpg’ | ‘png’ | ‘webp’ | ‘tiff’ | (Optional) The file format of the thumbnail. | |
| height? | number | (Optional) The height of the thumbnail in pixels. | |
| quality? | number | (Optional) The quality of the thumbnail (1 to 100). | |
| transforms? | [string, …any[]][] | (Optional) An array of sharp operations to apply to the image. Sharp API | |
| width? | number | (Optional) The width of the thumbnail in pixels. | |
| withoutEnlargement? | boolean | (Optional) Disable image up-scaling. |