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

[Tile] Optimise Tile's Figma component #876

Open
4 tasks
alina-jacob opened this issue Nov 5, 2024 · 0 comments
Open
4 tasks

[Tile] Optimise Tile's Figma component #876

alina-jacob opened this issue Nov 5, 2024 · 0 comments

Comments

@alina-jacob
Copy link
Member

alina-jacob commented Nov 5, 2024

Acceptance criteria

  • The tile component needs more flexibility to accommodate elements above and below the Title and Description.
  • We already have the slot component that allows to add extra elements, however the current implementation isn't flexible enough. This results in breaking change which isn't ideal.

Current behaviour
The current Tile component in Figma has a boolean property for "Title" and "Description". Upon toggling these off, the text goes way, but the spacing stays. Image

Expected behaviour
Upon toggling the "Title" and "Description" off, the text and space should go away. Image

Justification
This fix also makes it easier for users to customise the Tile component in a better way. It was also mentioned by a user from IBM cloud in this comment.

Workaround
There is no workaround. Hiding the entire label skews the single/multi-select and AI buttons (as shown in the image below)
Image

Solution
This was the solution discussed in our recent Figma monthly call with Juan, Lauren and Thy.

  • Create independent boolean property for "title wrapper" after adding 2 spacer blocks (one for checkbox, one for AI label).
  • Absolute position the the checkbox frame and AI presence, revert frames.
  • Create independent boolean property for "body text wrapper".
  • Review by Juan
@alina-jacob alina-jacob transferred this issue from carbon-design-system/carbon Nov 5, 2024
@sstrubberg sstrubberg moved this from Triage to Later 🧊 in Roadmap Nov 11, 2024
@thyhmdo thyhmdo moved this to ⏱ Backlog in Design System Nov 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ⏱ Backlog
Status: Later 🧊
Development

No branches or pull requests

1 participant