LUCI Design System

Links Sink

Default

Default as <button>

Default, Hover

Default, Focus

Default, With On-Dark Modifier Class luci-link--on-dark

Default, Hover, With On-Dark Modifier Class luci-link--on-dark

Default, Focus, With On-Dark Modifier Class luci-link--on-dark

Default, In luci-container--dark Container.

Default, Hover, In luci-container--dark Container.

Default, Focus, In luci-container--dark Container.

Default, In luci-container--medium-blue Container.

Default, Hover, In luci-container--medium-blue Container.

Default, Focus, In luci-container--medium-blue Container.

Default, In luci-container--dark-blue Container.

Default, Hover, In luci-container--dark-blue Container.

Default, Focus, In luci-container--dark-blue Container.

With Icon

With Icon, Small

With Icon, With On-Dark Modifier Class luci-link--on-dark

With Icon, In luci-container--dark Container.

With Icon, In luci-container--medium-blue Container.

With Icon, In luci-container--dark-blue Container.

With Icon, Small, With On-Dark Modifier Class

With Icon Right

With Icon Right, Small

With Icon Right, With On-Dark Modifier Class

With Icon Right, Small, With On-Dark Modifier Class

Both Icons

Both Icons, Small

Both Icons, With On-Dark Modifier Class

Both Icons, Small, With On-Dark Modifier Class

CTA Link

CTA Link, Hover

CTA Link, Focus

CTA Link, With On-Dark Modifier Class

CTA Link, In luci-container--dark Container.

CTA Link, In luci-container--medium-blue Container.

CTA Link, In luci-container--dark-blue Container.

CTA Link, Hover, With On-Dark Modifier Class

CTA Link, Focus, With On-Dark Modifier Class

CTA Link, Icon Left

CTA Link, Icon Left, With On-Dark Modifier Class

CTA Link, Both Icons

CTA Link, Both Icons, With On-Dark Modifier Class

CTA Link, Both Icons, In luci-container--dark Container.

CTA Link, Both Icons, In luci-container--medium-blue Container.

CTA Link, Both Icons, In luci-container--dark-blue Container.