Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Subway Nav Component: Added ability to set individual nodes to any Fluent UI icon and color based on user input #350

Open
wants to merge 43 commits into
base: main
Choose a base branch
from

Conversation

PK-Microsoft
Copy link
Contributor

Enhanced the subway nav component by adding the ability to set individual nodes to any Fluent UI icon and color based on user input. It’s backward compatible, so it won’t disrupt older versions of the subway nav component.

  1. Added the "Custom" item state. Set the item state of a node to "Custom" when you want to use an icon/icon color combination that isn't available.
  2. Added two new columns to the Items property:
    ItemIcon: Will not do anything if ItemState isn't set to Custom. If ItemState is set to Custom, you can input the string value of any FluentUI Icon and it will show up. If the ItemIcon name is invalid, blank or doesn't match any FluentUI Icon, then it will be set to same Icon as when ItemState is equal to Current.

ItemColor: Will not do anything if ItemState isn't set to Custom. If ItemState is set to Custom, you can input most hexadecimal color codes and that will change the color of the Icon. If the input to this column is invalid, it will default to black. If the input to this column is blank, it will be set to the same color as when ItemState is equal to Current.

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant