DriveLoader Logo
DriveLoaderv1.2.0
Docs/<DriveGallery /> Component

<DriveGallery /> Component

Responsive grid component for mixed image & video media items, or public Google Drive folders.

drive-gallery.tsx
1<DriveGallery
2 images={[
3 'https://drive.google.com/file/d/IMG_ID/view',
4 'https://drive.google.com/file/d/VID_ID/view?type=video'
5 ]}
6 columns={{ sm: 1, md: 2, lg: 4 }}
7 gap="1.5rem"
8/>

Usage Notes

DriveGallery inspects each asset's media type, rendering <DriveVideo /> for videos and <DriveImage /> for images.