NavExpandable - Supprt icon prop like NavItem

[logonoff]

Is this a new component or an extension?

Enhancement to a current feature

Existing Component

NavExpandable

Describe the feature

An icon prop:

  /** Icon added before the nav expandable children. */
  icon?: React.ReactNode;

User Story

As a user, I want icons next to the navigation because my other dashboards have icons next to the navigation.

Visuals & Mockups

https://www.figma.com/design/qRn3S225WwGHIdgGZX0LTC/Unified-Theme--Design-Tokens--Styles---Specs?node-id=20502-10509&p=f&t=4HywyGYzy7vu05Ab-0

Interaction States & Variations

All states will have the icon next to the text, a la NavItem.

Accessibility (A11y)

this prop will only provide a slot to add the icon. for nav expandable items with text, aria-hidden will probably be applied to the icon element itself

Product & Target Release

OCP 4.23

Contribution

• I am interested in contributing this feature.

• I have searched for similar existing requests.

---

Jira Issue: PF-4270