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

STATUS INDICATORS - Guidance on when to use filled vs outline icons #3835

Open
10 tasks
KennyAtHPE opened this issue Apr 10, 2024 · 0 comments
Open
10 tasks
Labels
Owner:Design Used in issues that are being worked on/should be worked on by a designer. Type:New Used in issues for creating new material. Where:Design System Website Used in issues related our website.

Comments

@KennyAtHPE
Copy link
Collaborator

KennyAtHPE commented Apr 10, 2024

Who is requesting this? (add contact details here)
Original question from Aideen

What is the problem this ask is trying to solve?
We do not have guidance on when to use Filled vs Outline status icons. It isn't very clear for users as to when to use one or the other. Additionally, are there accessibility considerations we should be taking into consideration as to which icon should be used at which sizes? There have been discussions in the past that outline icons might hurt readability at medium and below sizes.

Current use cases

Filled

  • Notifications
  • DataTables

Outline

  • Empty state
  • Form validation

Reviewers:

  • Reviewer 1

  • Reviewer 2

List possible consequences, involved assets and components:
1.

Define MVP for this ticket (format, amount of detail, where it should live, etc):

Follow up tickets: (if necessary)
1.

Checklist (add your progress in the comments)

  • Define the Problem (build a small presentation about the problem)
  • Ideate (present at least two option with pros and cons)
  • Build
  • Gather feedback
  • Create a PR or new file
  • Ask for review
  • Publish
  • Communicate
@julauxen julauxen changed the title Status Indicators - Guidance on when to use filled vs outline icons STATUS INDICATORS - Guidance on when to use filled vs outline icons May 31, 2024
@julauxen julauxen added Where:Design System Website Used in issues related our website. Owner:Design Used in issues that are being worked on/should be worked on by a designer. Type:New Used in issues for creating new material. labels Jun 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Owner:Design Used in issues that are being worked on/should be worked on by a designer. Type:New Used in issues for creating new material. Where:Design System Website Used in issues related our website.
Projects
None yet
Development

No branches or pull requests

2 participants