🖲️ Header Components

Explore the usage of Header components to enhance user navigation and branding in your applications.

Standard Header

The Header component is used to create a responsive navigation bar with optional branding elements.

1 import Header from '@/shared/component/Header';

2 

3 <Header title='My Website' navigation={[{ title: 'Home', href: '/' }, { title: 'About', href: '/about' }]} />

Header Props

The Header component accepts the following props to customize its appearance and functionality:

• title: Optional. The title or brand name displayed in the header.
• navigation: Optional. An array of objects representing the navigation links. Each object should have a title and an optional href.