# Latest Collections Section

* **Component**: \<LatestCollections/>
* **Path**: /components/home/latest-collections.tsx
* **Import**:

```typescript
import { LatestCollections } from "@/components/home/latest-collections.tsx";
```

<figure><img src="https://865796172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FntKe5sSLfvbHfpqI4xbm%2Fuploads%2Fnlfqqx74RCdt9tfFcQop%2FCapture%20d%E2%80%99%C3%A9cran%202024-06-18%20130344.png?alt=media&#x26;token=57880748-271a-48f4-8bb1-592306f08177" alt=""><figcaption><p>Latest Collection Section</p></figcaption></figure>

You can control the number of Collection displayed by updating this line:

<pre class="language-typescript" data-title=""><code class="lang-typescript"><strong>...
</strong><strong>selectedCollections?
</strong><strong>    <a data-footnote-ref href="#user-content-fn-1"> .slice(0, 2)</a>
</strong>    .map((collection: CollectionWithProducts, index: number) => (
...
</code></pre>

[^1]: Update this line to increase or decrease the displayed collections.