List

A list component embeds a formatted list—bulleted or numbered—into page content.

CSS variables

Expand or collapse column	Selector	Variable	Value
	.pf-v6-c-list	--pf-v6-c-list--PaddingInlineStart	1.5rem
--pf-v6-c-list--PaddingInlineStart --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-list	--pf-v6-c-list--ul--ListStyle	disc outside
--pf-v6-c-list--ul--ListStyle --pf-t--global--list-style disc outside
	.pf-v6-c-list	--pf-v6-c-list--Gap	0.5rem
--pf-v6-c-list--Gap --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-list	--pf-v6-c-list--nested--PaddingBlockStart	0.5rem
--pf-v6-c-list--nested--PaddingBlockStart --pf-v6-c-list--Gap --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-list	--pf-v6-c-list--m-plain--PaddingInlineStart	0
	.pf-v6-c-list	--pf-v6-c-list--m-inline--PaddingInlineStart	0
	.pf-v6-c-list	--pf-v6-c-list--m-inline--ColumnGap	1.5rem
--pf-v6-c-list--m-inline--ColumnGap --pf-t--global--spacer--lg --pf-t--global--spacer--400 1.5rem
	.pf-v6-c-list	--pf-v6-c-list--m-inline--RowGap	0.25rem
--pf-v6-c-list--m-inline--RowGap --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-list	--pf-v6-c-list--m-bordered--li--PaddingBlockStart	0.5rem
--pf-v6-c-list--m-bordered--li--PaddingBlockStart --pf-v6-c-list--Gap --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-list	--pf-v6-c-list--m-bordered--li--BorderBlockStartColor	(In light theme) #e0e0e0
--pf-v6-c-list--m-bordered--li--BorderBlockStartColor --pf-t--global--border--color--default --pf-t--global--border--color--50 --pf-t--color--gray--20 #e0e0e0
	.pf-v6-c-list	--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth	1px
--pf-v6-c-list--m-bordered--li--BorderBlockStartWidth --pf-t--global--border--width--divider--default --pf-t--global--border--width--100 1px
	.pf-v6-c-list	--pf-v6-c-list__item-icon--MinWidth	0.75rem
--pf-v6-c-list__item-icon--MinWidth --pf-t--global--icon--size--sm --pf-t--global--icon--size--100 0.75rem
	.pf-v6-c-list	--pf-v6-c-list__item-icon--MarginBlockStart	0.25rem
--pf-v6-c-list__item-icon--MarginBlockStart --pf-t--global--spacer--xs --pf-t--global--spacer--100 0.25rem
	.pf-v6-c-list	--pf-v6-c-list__item-icon--MarginInlineEnd	0.5rem
--pf-v6-c-list__item-icon--MarginInlineEnd --pf-t--global--spacer--sm --pf-t--global--spacer--200 0.5rem
	.pf-v6-c-list	--pf-v6-c-list__item-icon--Color	(In light theme) #1f1f1f
--pf-v6-c-list__item-icon--Color --pf-t--global--icon--color--regular --pf-t--global--icon--color--100 --pf-t--color--gray--90 #1f1f1f
	.pf-v6-c-list	--pf-v6-c-list__item-icon--FontSize	0.75rem
--pf-v6-c-list__item-icon--FontSize --pf-t--global--icon--size--sm --pf-t--global--icon--size--100 0.75rem
	.pf-v6-c-list	--pf-v6-c-list--m-icon-lg__item-icon--MinWidth	1rem
--pf-v6-c-list--m-icon-lg__item-icon--MinWidth --pf-t--global--icon--size--lg --pf-t--global--icon--size--250 1rem
	.pf-v6-c-list	--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd	1rem
--pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-list	--pf-v6-c-list--m-icon-lg__item-icon--FontSize	1rem
--pf-v6-c-list--m-icon-lg__item-icon--FontSize --pf-t--global--icon--size--lg --pf-t--global--icon--size--250 1rem
	.pf-v6-c-list.pf-m-icon-lg	--pf-v6-c-list__item-icon--MinWidth	1rem
--pf-v6-c-list__item-icon--MinWidth --pf-v6-c-list--m-icon-lg__item-icon--MinWidth --pf-t--global--icon--size--lg --pf-t--global--icon--size--250 1rem
	.pf-v6-c-list.pf-m-icon-lg	--pf-v6-c-list__item-icon--MarginBlockStart	0
	.pf-v6-c-list.pf-m-icon-lg	--pf-v6-c-list__item-icon--MarginInlineEnd	1rem
--pf-v6-c-list__item-icon--MarginInlineEnd --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd --pf-t--global--spacer--md --pf-t--global--spacer--300 1rem
	.pf-v6-c-list.pf-m-icon-lg	--pf-v6-c-list__item-icon--FontSize	1rem
--pf-v6-c-list__item-icon--FontSize --pf-v6-c-list--m-icon-lg__item-icon--FontSize --pf-t--global--icon--size--lg --pf-t--global--icon--size--250 1rem
	.pf-v6-c-list.pf-m-plain	--pf-v6-c-list--PaddingInlineStart	0
--pf-v6-c-list--PaddingInlineStart --pf-v6-c-list--m-plain--PaddingInlineStart 0
	.pf-v6-c-list.pf-m-inline	--pf-v6-c-list--PaddingInlineStart	0
--pf-v6-c-list--PaddingInlineStart --pf-v6-c-list--m-inline--PaddingInlineStart 0
	.pf-v6-c-list.pf-m-inline	--pf-v6-c-list--Gap	0.25rem 1.5rem
--pf-v6-c-list--Gap --pf-v6-c-list--m-inline--RowGap --pf-v6-c-list--m-inline--ColumnGap --pf-t--global--spacer--xs --pf-t--global--spacer--lg --pf-t--global--spacer--100 --pf-t--global--spacer--400 0.25rem 1.5rem