Page MenuHomePhabricator

Buttons: Add small quiet button (for inline use case)
Open, Needs TriagePublic

Description

Sometimes we style buttons as links because we need to display an inline action to open an in-page dialog. For instance, on Wikifunctions we have a "Details" button styled as a link to open the respective dialog.

image.png (516×990 px, 45 KB)

image.png (934×1 px, 201 KB)

In this specific use case it's not possible to use a Codex button, because we might have several tests, one under each other. We could opt for a stand-alone (info) icon but sometimes we need to provide a label to give a tiny bit more context.

image.png (1×714 px, 151 KB)

Event Timeline

CCiufo-WMF subscribed.

I'm going to backlog this item for now (and I've categorized it as a proposed component update to Codex) and will surface it for design review, but as a lower priority item. If the urgency to implement this changes, please come back here to update. Thanks!

CCiufo-WMF renamed this task from Add small quiet button (for inline use case) to Buttons: Add small quiet button (for inline use case).Jun 30 2023, 9:52 PM

@CCiufo-WMF this task could be related with T338021: [EPIC] Determine guidelines/recommendation for sizing of form components since we will need to decide how many button/form items size we want to implement in the system.

@CCiufo-WMF this task could be related with T338021: [EPIC] Determine guidelines/recommendation for sizing of form components since we will need to decide how many button/form items size we want to implement in the system.

Yes I was thinking the same thing.

There are many other use cases as well documented on T327426