Skip to content

SiSkipLinkTargetDirective documentation

selector
[siSkipLinkTarget]

Directive to mark an element as a target for a skip link. Focuses the target if it is focusable, otherwise its first usable tabbable descendant. Add tabindex="-1" to a non-interactive element to focus the target itself.

Input Properties

NameTypeDefaultDescription
siSkipLinkTarget
Required		TranslatableStringThe name of the skip link target which will be shown in the skip link.

Attributes and Methods

NameTypeDefaultDescription
jumpToThisTarget()
() => voidActivate a skip link target by scrolling it into view and focusing it or its first tabbable descendant.

Types Documentation

(string & Translatable)
Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality.

Except where otherwise noted, content on this site is licensed under MIT License.