Cosmic Blocks
PreviewInstall

Layout

2 Object types • 3 demo Objects

Follow the steps below to install this Block. Make sure you have reviewed the getting started steps.
1

Install the Block content model

This will add the navigation-menus and global-settings Object type to your Bucket.
2

Install the Block code

This will add the files NavMenu.tsx and MobileNav.tsx to your blocks folder located in cosmic/blocks/navigation-menu.
3
Usage: Header 
Add a components/Header.tsx file to your code with the following:
4
Usage: Footer 
Add a components/Footer.tsx file to your code with the following:
5
Usage: Layout 
Then include the components in your layout.tsx file.
More to explore
Landing Page
1 Object type  • 1 demo Object 
Layout
2 Object types  • 3 demo Objects 
Blog
3 Object types  • 2 demo Objects 
Comments
1 Object type  • 5 demo Objects 
Contact Form
1 Object type   
Events
1 Object type  • 3 demo Objects 
Ecommerce
1 Object type  • 4 demo Objects 
Team
1 Object type  • 4 demo Objects 
Testimonials
1 Object type  • 4 demo Objects 
FAQs
   1 Metafield
Image Gallery
   1 Metafield
Navigation Menu
1 Object type  • 2 demo Objects 
SEO Fields
   1 Metafield
Pagination
    No content installed
Localization
    No content installed
 Back to all Blocks
footer logo