Interested in sponsoring this lovely little spot?

chunk Modifier

Break arrays or collections into smaller (wait for it) chunks of any given size. This is useful for performing various gymnastics with your HTML markup.

{{ collection:news as="posts" limit="6" }}
{{ posts chunk="3" }}
<div class="flex space-x-4">
{{ chunk }}
<a href="{{ url }}" class="bg-purple-800 text-white p-4">
{{ title }}
</a>
{{ /chunk }}
</div>
{{ /posts }}
{{ /collection:news }}
<div class="flex space-x-4">
<a href="/ideas/book" class="bg-purple-800 text-white p-4">
Book: Somehow I Manage
</a>
<a href="/ideas/party" class="bg-purple-800 text-white p-4">
Party: Goodbye Toby
</a>
<a href="/ideas/screenplay" class="bg-purple-800 text-white p-4">
Screenplay: Threat Level Midnight
</a>
</div>
<div class="flex space-x-4">
<a href="/ideas/art" class="bg-purple-800 text-white p-4">
Art: A Stapler
</a>
<a href="/ideas/poster" class="bg-purple-800 text-white p-4">
Poster: Kids Playing Instruments
</a>
<a href="/ideas/mug" class="bg-purple-800 text-white p-4">
Mug: World's Best Boss
</a>
</div>
Docs feedback

Submit improvements, related content, or suggestions through Github.

Betterify this page →