Week-long road trip along the coast is done. Seven stops, seven completely different landscapes.
X-style split viewer: a semi-translucent dark media pane with close (top-left) and previous/next
on the gallery edges. Desktop keeps a white thread sidebar; mobile shows a bottom engagement bar
and opens the thread as a full-screen sheet from the comment control. Copy the Package files (
index.ts, the .svelte files and lightbox.css) into your design system, then wire
triggers in your app. The Example tab shows a three-post feed with
Facebook-style image grids: single image, three-up, and a +N crossfade tile, each opening
the split viewer (scoped CSS only).See also: Lightbox overview
Golden hour across the valley, the canopy from below, and still water at dusk. A good day for light.
First light over the ridgeline this morning — worth every minute of the 4am alarm.
import { Lightbox as Primitives } from '@ramka/svelte';
import Gallery from './Gallery.svelte';
import ThreadPanel from './ThreadPanel.svelte';
import Trigger from './Trigger.svelte';
export type { LightboxItem, ThreadAuthor, ThreadPost, ThreadReply } from './ThreadPanel.svelte';
/** Twitter skin: the library primitives with a styled Trigger, the split Gallery and its ThreadPanel. */
export const Lightbox = { ...Primitives, Trigger, Gallery, ThreadPanel };