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.

Sign up for GitHub

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

Jump to bottom

[Stepper] Review iconography of Stepper component #4035

Open
macandcheese opened this issue Feb 1, 2022 · 2 comments
Open

[Stepper] Review iconography of Stepper component #4035

macandcheese opened this issue Feb 1, 2022 · 2 comments
Labels
0 - new New issues that need assignment. c-stepper Issues that pertain to the calcite-stepper component design Issues that need design consultation prior to development. enhancement Issues tied to a new feature or request. p - low Issue is non core or affecting less that 10% of people using the library
Milestone
Design Backlog

Comments

@macandcheese
Copy link
Contributor

Description

Feedback has been given regarding the "active step" icon used in Stepper / Stepper Item.

Screen Shot 2022-02-01 at 9 47 34 AM

Screen Shot 2022-02-01 at 9 53 50 AM

Using a filled radio icon may incorrectly imply that the selected step is a one-of-many choice the user has made, rather than an indication of the current step.

We should explore other iconography - it may make sense to just use the same "outline circle" icon as a yet-to-be-completed step in "active blue".

Acceptance Criteria

Audit and determine if the current iconography is good to go, or make a change.

Relevant Info

Note this only applies when icon attribute is requested.

cc @asangma @mitc7862

Which Component

Stepper / Stepper Item

Example Use Case

As a user - the radio group icon used on an active step may potentially be confusing.
@macandcheese macandcheese added enhancement Issues tied to a new feature or request. 0 - new New issues that need assignment. needs triage Planning workflow - pending design/dev review. labels Feb 1, 2022
@macandcheese
Copy link
Contributor Author

It seems like Stepper should also consider accepting an icon property - this came up recently as something we wanted for UC demo app.

@geospatialem geospatialem added design Issues that need design consultation prior to development. p - low Issue is non core or affecting less that 10% of people using the library labels Sep 5, 2023
@brittneytewks brittneytewks added this to the Design Backlog milestone Sep 7, 2023
@brittneytewks brittneytewks added figma changes Issues that require additions or updates to the Figma UI Kit where no `design` label exists c-stepper Issues that pertain to the calcite-stepper component and removed needs triage Planning workflow - pending design/dev review. labels Sep 7, 2023
@brittneytewks brittneytewks removed the figma changes Issues that require additions or updates to the Figma UI Kit where no `design` label exists label Dec 11, 2023
@jfelicianiats
Copy link

Is there anyway the <calcite-stepper-item> component could accept properties for specifying which icon to use for different states? It would be nice to be able to customize which icon is used in each state.

@macandcheese macandcheese mentioned this issue Nov 26, 2024
Open
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
0 - new New issues that need assignment. c-stepper Issues that pertain to the calcite-stepper component design Issues that need design consultation prior to development. enhancement Issues tied to a new feature or request. p - low Issue is non core or affecting less that 10% of people using the library
Projects
None yet
Milestone
Design Backlog
Development

No branches or pull requests
5 participants
@alisonailea @macandcheese @geospatialem @jfelicianiats @brittneytewks