# Create a custom type for navigation

**URL:** <https://community.prismic.io/t/create-a-custom-type-for-navigation/10437>\
**Category:** Developing with Prismic\
**Tags:** nextjs\
**Created:** [June 27, 2022, 7:04pm UTC](https://community.prismic.io/t/create-a-custom-type-for-navigation/10437 "2022-06-27T19:04:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![marketing10](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/marketing10/32/5742_2.png) [@marketing10](https://community.prismic.io/u/marketing10)\
**Post date:** [June 27, 2022, 7:04pm UTC](https://community.prismic.io/t/create-a-custom-type-for-navigation/10437/1 "2022-06-27T19:04:31Z")

</div>

Hello community 🫶, I am new to prismic I have been looking for information but I have no idea how I could model this type of navigation, I hope you can help me ?🙏  
 ![image](https://europe1.discourse-cdn.com/flex013/uploads/prismic/original/2X/e/e2be631f824eed9cab184c9eb363239be6bc4450.png)

---

<div class="post-metadata">

**Author:** ![Priyanka](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/priyanka/32/3223_2.png) [@Priyanka](https://community.prismic.io/u/Priyanka)\
**Post date:** [June 28, 2022, 9:29am UTC](https://community.prismic.io/t/create-a-custom-type-for-navigation/10437/3 "2022-06-28T09:29:35Z")

</div>

Hello @marketing10

Welcome to the Prismic community, and thanks for reaching out to us.

Please follow our guidelines for creating 3+ navigation: [Creating a 3+ level Navigation Menu](https://community.prismic.io/t/creating-a-3-level-navigation-menu/5451)

Give this a try, and let me know if you have further questions.

Thanks,  
Priyanka

---

<div class="post-metadata">

**Author:** ![marketing10](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/marketing10/32/5742_2.png) [@marketing10](https://community.prismic.io/u/marketing10)\
**Post date:** [June 28, 2022, 2:22pm UTC](https://community.prismic.io/t/create-a-custom-type-for-navigation/10437/4 "2022-06-28T14:22:46Z")

</div>

Hello Priyanka  
Thank you very much for your reply, I have tested the solution. I understand that it is necessary to create a single type custom type and two slices one of them.  
with link and text the next one with link and text plus Repeatable Zone with link and text, but I only reach two levels and it doesn't reach the sublevel of 3.3.1.  
Here I leave the code of the custom type and the slices, I remain attentive to your answer, thank you very much.  
 ![image](https://europe1.discourse-cdn.com/flex013/uploads/prismic/original/2X/1/13cb88d523ed2dc7feae0285673d48346a96841b.png)  
link code : [PlayCode - Javascript Playground](https://playcode.io/919269/)

---

<div class="post-metadata">

**Author:** ![Priyanka](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/priyanka/32/3223_2.png) [@Priyanka](https://community.prismic.io/u/Priyanka)\
**Post date:** [July 8, 2022, 1:24pm UTC](https://community.prismic.io/t/create-a-custom-type-for-navigation/10437/5 "2022-07-08T13:24:35Z")

</div>

Hello @marketing10

Sorry for being delayed in response; I was out of the office.

So, you need to add it all in one document, for example:

```auto
Add slice
**slice 1st Level**
* Nav Link : Second navigation item
* Link Text : The name that will be displayed

Add slice
**slice 2nd Level**
* Nav Link : to document of the second level (corresponding to Second navigation item)
* Link Text : The name that will be displayed

Add slice
**slice 3nd Level**
* Nav Link : to document of the second level (corresponding to Second navigation item)
* Link Text : The name that will be displayed

```

Let me know if you have any further questions.

Thanks,  
Priyanka