App Bar
Demo
Props
| Prop | Type | Description |
|---|---|---|
menu | NavItem[] | Array of navigation items to display in the app bar. |
brand | object | Branding options, including logo and href. |
hideIcon | boolean | Option to hide the icon. |
children | React.ReactNode | Children components to render within the app bar. |
locale | string | Locale string for internationalization. |
customLinkComponent | LinkComponent | Custom component for rendering links. |
classNames | object | Custom CSS class names for styling. |
brand Object Props
| Prop | Type | Description |
|---|---|---|
logo | object | Contains logo properties. |
href | string | URL for the brand logo link. |
logo Object Props
| Prop | Type | Description |
|---|---|---|
src | string | Source URL of the logo. |
alt | string | Alt text for the logo. |
width | number | Width of the logo. |
height | number | Height of the logo. |
className | string | Custom CSS class for the logo. |
darksrc | string | Source URL of the logo for dark mode. |
Styles
Property classNames contains customized class names.
| Property | Description | Type |
|---|---|---|
| root? | Class for the main app bar. | string |
| logo? | Class for the brand logo. | string |
| menu? | Class for the navigation menu. | string |
| menuItem? | Class for the menu item. | string |