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

[Selectable Components: Tile - Single Select] Figma Kit #729

Closed
1 task done
Tracked by #14722
Niels200 opened this issue Oct 9, 2023 · 4 comments
Closed
1 task done
Tracked by #14722

[Selectable Components: Tile - Single Select] Figma Kit #729

Niels200 opened this issue Oct 9, 2023 · 4 comments

Comments

@Niels200
Copy link

Niels200 commented Oct 9, 2023

Figma Gray 10 community library
(https://carbondesignsystem.com/components/tile/usage/)

The single select tile doesn't show an unselected state. I do see an aesthetic-minimalistic benefit in leaving out the radiobutton unchecked icon for the unselected single select tiles. However it misses out on an important use que to provide extra uniform connectedness between the selected and unselected single select tiles.

The multi select does show the unselected state and in a group of tiles it gives a clear cue what to expect from each tile before interaction.

  1. Why is the the unselected state icon not shown for the single select tile?
  2. These type of design decisions, are these documented somewhere publicly for the community?

image


Acceptance criteria

  • Update with the Final design solution we decided on in the All themes library
@laurenmrice
Copy link
Member

Hello @Niels200 👋

Thanks for bringing this up. This is something we are currently exploring new design solutions for in issue #14722, to make our selectable components more visually consistent across the system. If we end up making any visual changes to single-select tile, we will use this issue to tackle it.

To answer your questions:

  1. Your design solution above for single-select tile is currently being considered.
  2. We will post a final design spec in an issue in GitHub and then document it on the Style tab for that component on our website with its specs.

@laurenmrice
Copy link
Member

laurenmrice commented Oct 16, 2023

Related #14722
Related #3611

@Kritvi-bhatia
Copy link

Hello @Niels200 👋

Final Design Solution

Tiles

Figma file link
image


If you want to check for further selectable components - link

@Kritvi-bhatia Kritvi-bhatia moved this from ⏱ Backlog to 🏗 In Progress in Design System Jan 3, 2024
@Kritvi-bhatia Kritvi-bhatia moved this from Now to Completed in Roadmap Jan 3, 2024
@github-project-automation github-project-automation bot moved this from 🏗 In Progress to ✅ Done in Design System Jan 3, 2024
@Niels200
Copy link
Author

Niels200 commented Jan 3, 2024

Thanks for the update

@Kritvi-bhatia17 Kritvi-bhatia17 changed the title Selectable components: Tile single select [Selectable Components: Tile - Single Select] Update Figma Kit Feb 14, 2024
@Kritvi-bhatia17 Kritvi-bhatia17 changed the title [Selectable Components: Tile - Single Select] Update Figma Kit [Selectable Components: Tile - Single Select] Figma Kit Feb 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Archived in project
Development

No branches or pull requests

5 participants