# Navbar4

`Navbar4` is a centered navigation bar component created with MUI's `AppBar` and `Toolbar`, allowing customizable content through the `children` prop, while incorporating responsive styling and padding adjustments for different screen sizes.

{% hint style="info" %}
All available props for the Navbar4 component are defined and handled within **Component usage path** file. This allows for easy modifications to the content of the Navbar section.
{% endhint %}

**Component path**: `src/blocks/navbar/Navbar4.tsx`

**Component usage path:**  `src/app/blocks/navbar/navbar4/page.tsx`

**Preview link:** [**https://www.saasable.io/blocks/navbar/navbar4**](https://www.saasable.io/blocks/navbar/navbar4)

## Props Details

| Prop         | Type           | Description                                                                                                                                                                                                                     | Display as                                                |
| ------------ | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- |
| **children** | `ReactElement` | A single React element or component that will be rendered inside the `StyledToolbar` of the `AppBar`. This prop allows for custom content such as logos, navigation links, or any other elements to be displayed in the navbar. | Elements that will be displayed inside the navigation bar |