Section intro stacked

Ready to use


import {SectionIntroStacked} from '@primer/react-brand'

Examples

name	type	default	required	description
`children`	`ReactNode`, `ReactNode[]`	`undefined`	`true`	Content to include within the section intro component. Accepts `SectionIntroStacked.Heading`, `SectionIntroStacked.Link`, and `SectionIntroStacked.Items` components
`className`	`string`		`false`	Sets a custom class on the root element
`id`	`string`		`false`	Sets a custom id on the root element
`animate`	`AnimateProps`		`false`	Animation configuration for the component

Forwards all standard HTML attributes for <header> elements.

Required node that is used to provide a heading for the section.

name	type	default	required	description
`children`	`ReactNode`, `ReactNode[]`	`undefined`	`true`	Content to be displayed inside the heading component.
`className`	`string`		`false`	Sets a custom class on the root element
`id`	`string`		`false`	Sets a custom id on the root element
`animate`	`AnimateProps`		`false`	Animation configuration for the component

Forwards all props from the Heading component, including as, size, and weight.

Optional node that can be used to provide a link.

name	type	default	required	description
`children`	`ReactNode`, `ReactNode[]`	`undefined`	`true`	Content to be displayed inside the link
`href`	`string`	`undefined`	`true`	The URL that the link points to
`variant`	`default`, `accent`	`accent`	`false`	Visual style variant for the link
`className`	`string`		`false`	Sets a custom class on the root element
`id`	`string`		`false`	Sets a custom id on the root element

Forwards most props from the Link component, but with a fixed size of large.

Container for a list of items.

name	type	default	required	description
`children`	`ReactNode`, `ReactNode[]`	`undefined`	`true`	`SectionIntroStacked.Item` components
`className`	`string`		`false`	Sets a custom class on the root element
`id`	`string`		`false`	Sets a custom id on the root element
`animate`	`AnimateProps`		`false`	Animation configuration for the component

Individual item within the items list.

name	type	default	required	description
`children`	`ReactNode`, `ReactNode[]`	`undefined`	`true`	Content to be displayed inside the item
`className`	`string`		`false`	Sets a custom class on the root element
`id`	`string`		`false`	Sets a custom id on the root element