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

Kbd

Updated: May 9, 2025
View on GitHub
The Kbd component is used to display keyboard keys and shortcuts with consistent styling. It's useful for showing keyboard interactions in documentation, tutorials, or application interfaces. Use multiple Kbd components together to display keyboard shortcuts. You can use either the children prop or the label prop to set the content of the Kbd component. The Kbd component inherits all Flex props, allowing for customization of its appearance.
Prop
Type
Default
label
The key, as a string.
string
children
React.ReactNode
className
string
style
React.CSSProperties
…and every FlexProps propinherited
Edit this page on GitHub
TrademarkTrademark
Built with curiosity by Lorant One and the Design Engineers Club