Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ActionList.Group should allow for TrailingActions

See original GitHub issue

Describe the bug

ActionList.Group should allow for a TrailingAction, potentially with an api similar to this one, to maintain consistency with ActionList.Item

<ActionList.Group>
  <ActionList.GroupHeader>
    Title
    <ActionList.TrailingVisual>
      {/* reviewer dropdown */}
    </ActionList.TrailingVisual>
  </ActionList.GroupHeader>

  <ActionList.Item>
    {/* ... */}
  </ActionList.Item>

  {/* ... */}
</ActionList.Group>

Expected behavior

A user can define a trailing action for a group which appears as a button/link on the end of the group header, similar to the provided sample screenshot

Screenshots

ActionGroupSample

Additional context

Slack thread

Issue Analytics

State:
Created a year ago
Comments:5 (3 by maintainers)

Top GitHub Comments

2reactions

lesliecdubscommented, Apr 25, 2022

Thanks for filing! We’re going to explore the accessibility implications of this and will get back to you.

1reaction

mattcosta7commented, Apr 26, 2022

Definitely @siddharthkp ! We actually mocked this up as an implementation of navigationlist since there wasn’t a component for it yet 😃

Top Results From Across the Web

Action list | Interface guidelines - Primer Design System

Action lists support section dividers and headers for grouping items, and individual item dividers for added clarity. Action lists use a mobile-friendly inset ......

index.html · GitHub

What would you like to do? ... ActionList-content[aria-disabled=true]:hover{cursor:not-allowed;background-color:transparent}}@media screen ...

Justifying Usability Design Rules Based on a Formal ...

operator action, there should be some system feedback. ... For example, REACTS in Figure 1 groups all reactive behaviour.

Manager, Transport Airplane Directorate, Aircraft ... - GovInfo

Applicability (c) This AD applies to The Boeing Company Model 747-100, ... the embodiment of which will allow taxiing with the condition lever...

IgsImLGv1TTf4TLhyqEXUY5H9g...

population_density_county_subcounty.sql;ref_cta:Team;"," ... aria-label="You must be signed in to change notification settings" ...