Skip to content

A skip to content component allows users to bypass navigation when using a screen reader or keyboard

Examples

*required
Name	Type	Default	Description
hrefrequired	string		The skip to content link.
children	React.ReactNode	null	Content to display within the skip to content component, typically a string.
className	string	''	Additional styles to apply to the skip to content component.

Expand or collapse column	Selector	Variable	Value
	.pf-v6-c-skip-to-content	--pf-v6-c-skip-to-content--InsetBlockStart	1rem
--pf-v6-c-skip-to-content--InsetBlockStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-skip-to-content	--pf-v6-c-skip-to-content--ZIndex	600
--pf-v6-c-skip-to-content--ZIndex --pf-t--global--z-index--2xl --pf-t--global--z-index--600 600
	.pf-v6-c-skip-to-content	--pf-v6-c-skip-to-content--focus--InsetInlineStart	1rem
--pf-v6-c-skip-to-content--focus--InsetInlineStart --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem