2.0 alpha
These docs describe 2.0. Install it with @once-ui-system/core@alpha.
On 1.8.x? Read the 1.x docs
TrademarkTrademarkDocs
Ctrl k
Search docs...
Components

ContextMenu

Updated: July 31, 2025
View on GitHub
A component for providing users with contextual options / information on right click.
Prop
Type
Default
children
React.ReactNode
dropdownrequired
The menu itself.
ReactNode
placement
Where the menu opens relative to the pointer.
toprightbottomlefttop-starttop-endright-startright-endbottom-startbottom-endleft-startleft-end
bottom-end
fillWidth
Match the trigger's width.
booleanfalse
minWidth
Lower bound on the menu's width, in rem.
number12
maxWidth
Upper bound on the menu's width, in rem.
number
minHeight
Lower bound on the menu's height, in rem.
number
style
React.CSSProperties
className
string
onSelect
Called with the value of the Option that was picked.
(value: string) => void
closeAfterClick
Close on selection.
booleantrue
open
Controlled open state.
boolean
onOpenChange
Called whenever it opens or closes.
(open: boolean) => void
selectedOption
Value of the Option to mark as current.
string
disabled
Stop the menu opening at all.
booleanfalse
…and every FlexProps propinherited
Edit this page on GitHub
TrademarkTrademark
Built with curiosity by Lorant One and the Design Engineers Club