Styling: Link

Oracle® JavaScript Extension Toolkit (JET)
18.0.0
G12199-01

Description

Classes to style a link.


.oj-disabled
Place on a link to show it as disabled
Example
<a class="oj-disabled"><a>
Sets the link color.

Class template:

Note: Square brackets signify required token substitutions whereas parentheses signify optional token substitutions.

Values for [link-color]

Value (required) Name Description
subtle-primary Subtle primary a link that should be a subtle color
subtle-secondary Subtle Secondary a link that should be a secondary subtle color
disabled Disabled a link that is disabled

Example
<a class="oj-link-subtle-secondary">Subtle secondary link</a>
Sets the link usage.

Class template:

Note: Square brackets signify required token substitutions whereas parentheses signify optional token substitutions.

Values for [link-usage]

Value (required) Name Description
standalone Standalone Set when a link is stand alone, meaning not embedded within other text. Standalone links must be 24px tall. Embedded links do not need to be 24px tall due to the inline exception. This is in order to meet wcag 2.5.8.
embedded Embedded Set when a link is embedded within other text, for example in a paragraph

Example
<a class="oj-link-standalone">Standalone link</a>