You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Same thing for button and menu-toggle - adds .pf-v6-c-button.pf-m-settings and .pf-v6-c-menu-toggle.pf-m-settings
The animation is just hover/focus, so no further react work needed outside of adding the variants
Both take the standard <CogIcon />, which I think we should ship with the variant unless it's overridden. The icon rotates on hover, and the rotation is tuned for <CogIcon />
Hamburger
Adds .pf-v6-c-button.pf-m-hamburger with .pf-m-expand and .pf-m-collapse variants that enable the arrow and set the arrow direction.
We probably need some kind of opt-in for <PageToggleButton /> that enables the new fancy button & icon. Core handles all of the arrow/direction stuff for the page toggle, so no need to do anything other than drop in the hamburger button.
Follow up to Design patternfly/patternfly-design#1298
and Core patternfly/patternfly#6601
Core PR is patternfly/patternfly#7260
Notable things:
Settings
.pf-v6-c-button.pf-m-settingsand.pf-v6-c-menu-toggle.pf-m-settings<CogIcon />, which I think we should ship with the variant unless it's overridden. The icon rotates on hover, and the rotation is tuned for<CogIcon />Hamburger
.pf-v6-c-button.pf-m-hamburgerwith.pf-m-expandand.pf-m-collapsevariants that enable the arrow and set the arrow direction.<PageToggleButton />that enables the new fancy button & icon. Core handles all of the arrow/direction stuff for the page toggle, so no need to do anything other than drop in the hamburger button.