Film strip
WidgetsFilm strip, from the Widgets group of the nertia component library.
component
Not yet portable: this section runs on nertia today. Export the recipe or open it in nertia.
Recipe
This is the item in site.json form.
npm create nersh@latest my-site -- --site https://nertia.ai/components/widgets/film-strip/site.json scaffolds a project from it.json
{
"slug": "film-strip",
"mode": "builder",
"status": "draft",
"skinId": "zinc",
"composition": {
"id": "film-strip",
"sections": [
{
"id": "film-strip",
"instanceId": "stage-film-strip"
}
]
},
"copy": {
"stage-film-strip.heading": "A headline that says what you do",
"stage-film-strip.eyebrow": "A short label",
"stage-film-strip.anchor": "film-strip",
"stage-film-strip.orientation": "portrait",
"stage-film-strip.expandLabel": "View all photos",
"stage-film-strip.items": "[\n {\n \"imageUrl\": \"https://picsum.photos/seed/nertia-f1/800/1200\",\n \"alt\": \"Portrait frame\"\n },\n {\n \"imageUrl\": \"https://picsum.photos/seed/nertia-f2/800/1200\",\n \"alt\": \"Portrait frame\"\n },\n {\n \"imageUrl\": \"https://picsum.photos/seed/nertia-f3/800/1200\",\n \"alt\": \"Portrait frame\"\n },\n {\n \"imageUrl\": \"https://picsum.photos/seed/nertia-f4/800/1200\",\n \"alt\": \"Portrait frame\"\n },\n {\n \"imageUrl\": \"https://picsum.photos/seed/nertia-f5/800/1200\",\n \"alt\": \"Portrait frame\"\n },\n {\n \"imageUrl\": \"https://picsum.photos/seed/nertia-f6/800/1200\",\n \"alt\": \"Portrait frame\"\n }\n]"
}
}
