--- id: Jump links section: components cssPrefix: pf-v6-c-jump-links ---## Examples ### Horizontal default ```html ``` ### Horizontal with centered list ```html ``` ### Horizontal with label ```html
``` ### Vertical default ```html ``` ### Vertical with label ```html ``` ### Vertical with inactive subsections ```html ``` ### Vertical with active subsections ```html ``` ### Expandable ```html ``` ### Expanded ```html ``` ### Expandable (responsive) ```html ``` ### Expandable (responsive) with no label ```html ``` ## Documentation ### Overview ### Accessibility | Attribute | Applied to | Outcome | | -- | -- | -- | | `aria-label` | `.pf-v6-c-jump-links` | Provides an accessible name for the jump links. | ### Usage | Class | Applied to | Outcome | | -- | -- | -- | | `.pf-v6-c-jump-links` | `
` | Initiates the jump links container. | | `.pf-v6-c-jump-links__header` | `
` | Initiates the jump links header. | | `.pf-v6-c-jump-links__toggle` | `
` | Initiates the jump links expandable toggle. | | `.pf-v6-c-jump-links__toggle-text` | `` | Initiates the jump links expandable toggle text. | | `.pf-v6-c-jump-links__toggle-icon` | `` | Initiates the jump links expandable toggle icon. | | `.pf-v6-c-jump-links__label` | `
` | Initiates the jump links label. | | `.pf-v6-c-jump-links__main` | `
` | Initiates the jump links main container for when a label and list is used in the horizontal variation. | | `.pf-v6-c-jump-links__list` | `
    ` | Initiates the jump links list. | | `.pf-v6-c-jump-links__item` | `
  • ` | Initiates the jump links list item. | | `.pf-v6-c-jump-links__link` | `