<Link />

Link provides actionable elements in the style of hyperlinks.

Variants

Link will inherit font size by default.

Name

Description

disabled

Disables the element, preventing mouse and keyboard events

boolean

href

HTML element href

string

variant

Display variant

"text"

wrapWhenDisabled

Indicates whether buttons in a disabled state should be wrapped with a span

boolean

You can use module augmentation to customize the TypeScript types for any of Link's props:

declare module 'componentry/types/components/Link/Link' {
  interface LinkPropsOverrides {
    // ... overwrite any types for Link props ...
  }
}

See the TypeScript guide for more information.

Class

Description

.C9Y-Link-DisabledWrapper

Class applied to disabled links' wrapper element

.C9Y-Link-base

Base class applied to all variants for shared structural styles

.C9Y-Link-text

Variant class applied when `variant="text"`