Work Side Menu
Side menu variant for worker applications.
Props
accountContent
ReactNode
Content rendered in the account/profile slot.
heading
string
The application name displayed in the header.
open
boolean
Controls whether the side menu is expanded or collapsed.
primaryContent
ReactNode
Content rendered in the primary navigation slot.
secondaryContent
ReactNode
Content rendered in the secondary navigation slot.
testId
string
Sets a data-testid attribute for automated testing.
url
string
URL for the header link. Clicking the logo/heading navigates to this URL.
userName
string
User's name displayed in the profile section.
userSecondaryText
string
Secondary text displayed below the user's name, such as role or email.
Events
onNavigate
(path: string) => void
Callback fired when a menu item is navigated, providing the target URL path.
onToggle
() => void
Callback fired when the side menu is toggled open or closed.
Slots
account
Named slot for content
primary
Named slot for content
secondary
Named slot for content
Work Side Menu Group Props
heading
string
The text displayed in the group heading.
icon
GoabIconType
Icon displayed before the group label. When omitted, no icon is rendered and no space is reserved.
open
boolean
Whether the group is open.
testId
string
Sets a data-testid attribute for automated testing.
Work Side Menu Group Events
Work Side Menu Item Props
badge
string
Badge text displayed alongside the menu item (e.g., notification count).
current
boolean
When true, indicates this is the currently active menu item.
divider
boolean
When true, displays a divider line above this menu item.
icon
string
Icon displayed before the menu item label.
label
string
The text label displayed for the menu item.
testId
string
Sets a data-testid attribute for automated testing.
type
GoabWorkSideMenuItemType
Sets the visual style of the badge. Use "emergency" for urgent items, "success" for positive status.
Defaults to
normal.
url
string
The URL the menu item links to. When absent, renders as a button instead of a link.
Work Side Menu Item Events
Work Side Menu Item Slots
popoverContent
Content rendered inside the popover panel attached to this menu item.
Workspace
Preview not available
No React code available
