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	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

Link.Addon

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

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

Link.Text

Plain text, it sets correct paddings depending on the size. If only text with no addons is used in the link, it will be wrapped in Link.Text automatically. Takes all properties of the Box.

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