Elastic UI

Link

EuiLink will apply the correct styling onto links and make sure they are accessible. Links can be passed a color. Note that the ghost type should only be used on dark backgrounds (regardless of theming). It will always create a white link.

Open the Elastic website in a new tab.

This link has the external prop set to true.

This link is actually a with an onClick handler.

Here is an example of a link with both an href and an onClick handler.

Links can be colored as well.

subdued
secondary
accent
danger
warning
text
ghost

Disabled Links

When an EuiLink is passed an onClick method, and is not passed an href, it can optionally be set todisabled which disables the click behavior, and removes the link styling.

Disable Links

This has two disabled in it.

When links are disabled, they inherit the of surrounding text.