Skip to content

Examples

Basic

Basic screenshot

Props

SkipToContent

*required
Name	Type	Default	Description
hrefrequired	string		The skip to content link.
children	React.ReactNode		Content to display within the skip to content component, typically a string.
className	string		Additional styles to apply to the skip to content component.
show	boolean	false	Forces 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--Top --pf-global--spacer--md $pf-global--spacer--md pf-size-prem(16px) 1rem
	.pf-c-skip-to-content	--pf-c-skip-to-content--ZIndex	600
--pf-c-skip-to-content--ZIndex --pf-global--ZIndex--2xl $pf-global--ZIndex--2xl 600
	.pf-c-skip-to-content	--pf-c-skip-to-content--focus--Left	1rem
--pf-c-skip-to-content--focus--Left --pf-global--spacer--md $pf-global--spacer--md pf-size-prem(16px) 1rem

View source on GitHub

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH

Copyright © 2021 Red Hat, Inc.

Privacy statement Terms of use All policies and guidelines