web.dev icon indicating copy to clipboard operation
web.dev copied to clipboard

Request for a new "Update" aside.

Open malchata opened this issue 2 years ago • 4 comments

Is your feature request related to a problem? Please describe. web.dev currently has a number of usual variations of the aside component. Asides are a useful way for writers to interrupt the main flow of an article to call out some side note, pitfall, important note, and so on.

Currently, we lack an "update" variation on the aside component, which would be useful to use in select cases where updates concerning a developing situation around a certain API or metric can be effectively communicated. For example, we are currently using an "important" aside at this top of this post when an "update" aside would have been more appropriate.

Describe the solution you'd like Asides that use a variation different than the default use a string to denote the variation type (for example, 'important' or 'caution'). An update aside should be something like this:

{% Aside 'update' %}
This unsolved mystery has new information. Check out this new video from Robert Stack to learn more.
{% endAside %}

cc: @philipwalton

malchata avatar Mar 03 '22 17:03 malchata

This aside request ties into a separate request on dcc about examples (which should be replicated for web.dev): https://github.com/GoogleChrome/developer.chrome.com/issues/2170

alexandrascript avatar Mar 03 '22 17:03 alexandrascript

+1 for the need for some sort of Updates component, especially on dcc as we are hosting things that are under active development there.

mihajlija avatar Mar 07 '22 13:03 mihajlija

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. To prevent this from happening, leave a comment.

stale[bot] avatar Jun 12 '22 12:06 stale[bot]

Not stale

mihajlija avatar Jun 13 '22 11:06 mihajlija

Resolved by https://github.com/GoogleChrome/web.dev/pull/9119.

matthiasrohmer avatar Dec 06 '22 16:12 matthiasrohmer

Note of availability / design in the docs: https://web.dev/handbook/web-dev-components/#update-asides

alexandrascript avatar Dec 06 '22 16:12 alexandrascript