Skip to content
Patternfly Logo

Skip to content

Examples

Basic

Props

SkipToContent

*required
NameTypeDefaultDescription
hrefrequiredstringThe skip to content link.
childrenReact.ReactNodeContent to display within the skip to content component, typically a string.
classNamestringAdditional styles to apply to the skip to content component.
showbooleanfalseForces the skip to content to display. This is primarily for demonstration purposes and would not normally be used.

CSS variables

.pf-c-skip-to-content--pf-c-skip-to-content--Top
1rem
.pf-c-skip-to-content--pf-c-skip-to-content--ZIndex
600
.pf-c-skip-to-content--pf-c-skip-to-content--focus--Left
1rem

View source on GitHub