Wizard: add prop for rendering with className="pf-c-page__main-wizard"
See original GitHub issueReplacement for https://github.com/patternfly/patternfly/issues/3546, see more detail there.
We should add a boolean prop to <Wizard>
to enable the pf-c-page__main-wizard
CSS class, for wizards that are the main element on a page. Maybe isPageMain
or something, although I’m not sure if there’s a better name.
Issue Analytics
- State:
- Created 3 years ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
Render Props - React
Render Props. The term “render prop” refers to a technique for sharing code between React components using a prop whose value is a...
Read more >A react wizard primitive - built with hooks! - GitHub
React Wizard Primitive handles the state management and you bring the UI. Leverage a render props or hooks API to get rid of...
Read more >How To Customize React Components with Props
After adding props to your component, you will use PropTypes to define the type of data you expect a component to receive.
Read more >The Magic of React-Based Multi-Step Forms - CSS-Tricks
The step child (get it?) components will receive props from the parent component for value and onChange props. component will render an email ......
Read more >Use the Component wizard to create a custom rendering
This ensures that your rendering is not overwritten during SXA updates. Right-click the folder that you just created, click Insert, and click ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I think I like that last option best (support both), but if I had to choose I’d go for the more composable option (just use a regular
<PageSection>
with a<Divider>
).I’m going to close this issue. The Page section demo for the Wizard component demonstrates this capability.