Collection grid
WidgetsCollection grid, from the Widgets group of the nertia component library.
content
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/collection-grid/site.json scaffolds a project from it.json
{
"slug": "collection-grid",
"mode": "builder",
"status": "draft",
"skinId": "zinc",
"composition": {
"id": "collection-grid",
"sections": [
{
"id": "collection-grid",
"instanceId": "stage-collection-grid"
}
]
},
"copy": {
"stage-collection-grid.heading": "Selected work",
"stage-collection-grid.anchor": "work",
"stage-collection-grid.items": "[{\"title\":\"Project one\",\"excerpt\":\"Short description of the first piece.\",\"meta\":\"2025\",\"imageUrl\":\"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800&q=80\",\"url\":\"https://example.com\"},{\"title\":\"Project two\",\"excerpt\":\"Short description of the second piece.\",\"meta\":\"2024\",\"imageUrl\":\"https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=800&q=80\",\"url\":\"https://example.com\"}]",
"stage-collection-grid.cardVariant": "image-top"
}
}
