Patternfly Logo

Examples

Basic

Props

SkipToContent properties
NameTypeRequiredDefaultDescription
childrenReact.ReactNodeNoContent to display within the skip to content component, typically a string.
classNamestringNoAdditional styles to apply to the skip to content component.
hrefstringYesThe skip to content link.
showbooleanNofalseForces 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