The Header component is a customizable header section with a logo, navigation, and actions. It is responsive and adapts to mobile and desktop screens.
Default
LOGO
ACTIONS
APIs
| 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 | {} | -- |