UNPKG

@patternfly/react-core

Version:

This library provides a set of common React components for use with the PatternFly reference implementation.

github.com/patternfly/patternfly-react

patternfly/patternfly-react

20 lines (13 loc) • 642 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
--- id: Hero section: components cssPrefix: pf-v6-c-hero beta: true propComponents: ['Hero'] --- ## Examples ### Basic If you need finer control over the placement of text content within the `<Hero>`, such as when you omit a background image, adjust the `bodyWidth` and `bodyMaxWidth` properties. Be mindful of using these properties when a background image is still present and ensure there is sufficient contrast between text and any part of the image that it overlaps. When using `gradientLight` or `gradientDark` to apply gradient backgrounds, check the color contrast to ensure proper accessibility. ```ts file="HeroBasic.tsx" ```