<DriveGallery /> Component
Responsive grid component for mixed media items or public Google Drive folders.
Overview
DriveGallery inspects each asset's media type, rendering specialized components automatically in a responsive grid.
Code Example
drive-gallery.tsx
| 1 | <DriveGallery |
| 2 | images={['https://drive.google.com/file/d/IMG_ID/view', 'https://drive.google.com/file/d/VID_ID/view']} |
| 3 | columns={{ sm: 1, md: 2, lg: 4 }} |
| 4 | gap="1.5rem" |
| 5 | /> |
Performance Notes
Uses CSS Grid for zero-JS layout reflows, ensuring extreme performance on low-end devices.