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 }}

<s:collection:news as="posts" limit="6">
 
  @foreach (Statamic::modify($posts)->chunk(3) as $chunk)
    <div class="flex space-x-4">
      @foreach ($chunk['chunk'] as $entry)
        <a href="{{ $entry->url }}" class="bg-purple-800 text-white p-4">
          {{ $entry->title }}
        </a>
      @endforeach
    </div>
  @endforeach
 
</s: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>