types.ts

src/components/navbar/types.ts
/**
* TypeScript type definitions for the navbar component system
*/
/**
* Iconify icon data shape
*/
export interface IconData {
body: string
width?: number
height?: number
}
/**
* Navigation link structure
*/
export interface NavLink {
/** Destination route. Optional for dropdown parents that only group children. */
href?: string
label: string
/** Shows a dropdown caret on the label */
dropdown?: boolean
/** Child links revealed on hover (desktop) / tap-to-expand (mobile) */
children?: NavLink[]
}
/**
* Top contact strip item structure
*/
export interface ContactItem {
title: string
value: string
href: string
icon: IconData
external?: boolean
}
/**
* Social media link structure
*/
export interface SocialLink {
name: string
href: string
icon: IconData
}
/**
* Main navbar component props
*/
export interface NavbarProps {
className?: string
dark?: boolean
hero?: boolean
}

Support

Talk to the developers of this project to learn more

We have been building professional websites for big clients for over 15 years. Gallop templates and blocks is our best foundation for SEO websites and web apps.

© 2026 Web Plant Media, LLC