Hamburger
The Hamburger component displays the icon used to represent open and closed navigation states in the Payload Admin Panel.
Import
1
import { Hamburger } from '@payloadcms/ui'
States
Loading component example…
Hamburger renders the visual state only. Place it inside the button that controls your navigation and manage isActive from that control's state.
Common props
These are the props most commonly used with this component. See its exported types in @payloadcms/ui for the complete list.
Prop | Type | Default | Description |
|---|---|---|---|
| | | Switches from the menu icon to a close icon. |
| | | Selects the icon displayed in the active state. |
Was this page helpful?
Next