The Header component is a customizable header section with a logo, navigation, and actions. It is responsive and adapts to mobile and desktop screens.
The Header component is a customizable header section with a logo, navigation, and actions. It is responsive and adapts to mobile and desktop screens.
import { Header } from '@lobehub/ui';| Name | Description | Type | Default |
|---|---|---|---|
| actions | Actions to be displayed on the right side of the header | ReactNode | -- |
| actionsClassName | Class name for actions container | string | -- |
| actionsStyle | Style for actions container | {} | -- |
| logo | Logo to be displayed on the left side of the header | ReactNode | -- |
| logoClassName | Class name for logo container | string | -- |
| logoStyle | Style for logo container | {} | -- |
| nav | Navigation to be displayed on the right side of the logo | ReactNode | -- |
| navClassName | Class name for navigation container | string | -- |
| navStyle | Style for navigation container | {} | -- |