Skip to content

PageSection - Add ability to specify HTML element via props #7419

@dvail

Description

@dvail

Is this a new component or an extension of an existing one?
Extension of an existing one: PageSection

Describe the feature
Adds an additional prop to PageSection that allows users to specify the underlying HTML element used, similar to Card and other components.

The reasoning behind this is that sometimes we want a logical division in a page with the styles of PageSection, without the semantic meaning carried by <section>. The usage cases listed on MDN seem to match places where we would want to use a PageSection from the PF design system but use a different element for semantic and/or accessibility reasons.

Are there visuals for this feature? If applicable, please include examples for each state and for varying widths
No visuals, this is just a change in the semantic markup generated by the component.

Any other information?
Original Slack convo https://patternfly.slack.com/archives/C4FM977N0/p1652451335927149

Metadata

Metadata

Labels

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions