Link

A modified link component that can be disabled and have Addon elements. By default, the link is inline-block and no-wrap – that is, in most cases it's used as a stand-alone component.

import Link from '@semcore/ui/link';
<Link />;

LinkProps

& & {...}

Name	Type	Description
inline	boolean	Deprecated CSS property of the display link (inline|inline-block)
disabled	boolean	Sets the link to the disabled state
active	boolean	Sets the link to the active state
enableVisited	boolean	This flag enables highlighting of the visited link
noWrap	boolean	The text will not be moved to a new line
addonLeft	React.ElementType	Left addon tag
addonRight	React.ElementType	Right addon tag
hintPlacement	["placement"]	The position of the popper relative to the trigger that called it.

Link.Addon

The addon inside the link (most often an icon) places the correct padding units depending on the size. Accepts all properties of Box.

import Link from '@semcore/ui/link';
<Link.Addon />;

Link.Text

Plain text with predefined paddings depending on the size. Accepts all properties of Text.

If only text with no addons is used, it will be wrapped in Link.Text automatically.

import Link from '@semcore/ui/link';
<Link.Text />;