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

SmartLink

Updated: May 9, 2025
View on GitHub
SmartLink provides flexible and consistent inline navigation with built-in icon support and style overrides. Use fillWidth to stretch the link across the container. It's useful when you're using fluid children elements. Disable default padding and visual treatments using unstyled. Apply underline when selected is true.
Prop
Type
Default
prefixIcon
Icon before the text.
IconName
suffixIcon
Icon after the text — an arrow for an outbound link, say.
IconName
fillWidth
Fill the parent's width rather than hugging the text.
booleanfalse
iconSize
Size of either icon.
xllmsxs
xs
selected
Mark as the current page, for navigation.
boolean
unstyled
Drop the link styling, when the child carries its own.
booleanfalse
children
React.ReactNode
href
Where it goes. Internal paths route through the framework adapter; external ones do not.
string
style
React.CSSProperties
className
string
…and every React.AnchorHTMLAttributes propinherited
Edit this page on GitHub
TrademarkTrademark
Built with curiosity by Lorant One and the Design Engineers Club