Patternfly Logo

Jump links

Info alert:Beta feature

This Beta component is currently under review, so please join in and give us your feedback on the PatternFly forum.

Examples

Documentation

Overview

Accessibility

AttributeApplied toOutcome

Usage

ClassApplied toOutcome
.pf-c-jump-links<div>Initiates the jump links container.
.pf-c-jump-links__main<div>Initiates the jump links main container for when a label and list is used in the horizontal variation.
.pf-c-jump-links__list<ul>Initiates the jump links list.
.pf-c-jump-links__item<li>Initiates the jump links list item.
.pf-c-jump-links__link<button>Initiates the jump links link.
.pf-c-jump-links__label<div>Initiates the jump links label.
.pf-c-jump-links__link-text<div>Initiates the jump links link text.
.pf-m-vertical.pf-c-jump-linksModifies the jump links component to be vertical.
.pf-m-current.pf-c-jump-links__itemModifies the jump links item to be current.
.pf-m-center.pf-c-jump-linksModifies the jump links component to center its list and label.

CSS variables


View source on Github