directus-extension-custom-image-preview
v1.0.0
A customizable image preview display for Directus
directusdirectus-extensiondirectus-extension-displaydirectus-extension-imagedirectus-extension-previewdirectus-extension-image-previewdirectus-extension-custom-image-preview
0/weekUpdated 2 months agoGPL-3.0Unpacked: 6.7 KB
Published by Sofia Ringström
npm install directus-extension-custom-image-previewDirectus Custom Image Preview Extension
A Directus extension that allows you to display customizable image previews.
Features
- Display as circle
- Preserve aspect ratio
- Display checker background for transparent images
Installation
Install the extension from the Directus Marketplace. See the Official Guide for more information.
Or if you prefer to install manually:
``bash`
npm install directus-extension-custom-image-preview
Usage
Select the "Image Preview" display in the "Display" section of the field settings.
$3
- Preserve aspect ratio: Preserves the aspect ratio of the image (cannot be used together with "Display as circle").
- Display checker background: Displays a checker background behind the image, useful for transparent images.
- Display as circle: Displays the image as a circle (cannot be used together with "Preserve aspect ratio").
Development
$3
$ npm install --legacy-peer-deps
$3
$ npm run dev`