-
Notifications
You must be signed in to change notification settings - Fork 778
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
docs(tile) feature flag usage, style, code tab update #4266
base: main
Are you sure you want to change the base?
docs(tile) feature flag usage, style, code tab update #4266
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This looks awesome with so many details! Just my 1st take on reviewing this doc with some comments
- The `enable-experimental-tile-contrast` flag adds a border to the tile with | ||
improved contrast for accessibility and to visually indicate they are | ||
operable. | ||
- The `enable-v12-tile-default-icons` flag enables the rendering of default |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This seems like a run-on sentence. Here's a suggestion.
- The `enable-v12-tile-default-icons` flag enables the rendering of default | |
- The `enable-v12-tile-default-icons` flag enables the rendering of default icons on the clickable variant of a tile, such as the ArrowRight icon for navigation or the Error icon when the tile is disabled. If the user hasn't configured a different icon, these defaults will be used. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's missing the Expandable with interactive elements
sections below. | ||
1. **Container**: Contains all content within a tile. | ||
2. **Text**: The text within a tile. | ||
3. **Icon**: The icon that visually indicates the tile is selectable. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Clarify that this could be either the checkbox or the radio button icon.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The enabled image appears to be smaller/slightly different position than the featured flag disabled one
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just check on two images Feature enabled and feature-enabled positions.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just check on the Link position in both Hover images
Closes #4225
This PR updates the Tile component Usage, Style, and Code tabs to include feature flag information and images. The content on the Usage and Style tabs have also been updated with the new content templates.
Note: Links in various places to the "Feature Flag tab" have not been updated yet, because that page is not live yet.
Changelog
New
Usage:
Style:
Code:
Changed
Removed