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.

Allow ActionList.Item to be an anchor

See original GitHub issue

Description

Allow ActionList.Item to be a link, so that an ActionList could be used as a navigation menu

Component API

Possibilities:

<Item as={Link} href={...} />

<LinkItem href={...} />

Issue Analytics

State:
Created 2 years ago
Comments:8 (6 by maintainers)

Top GitHub Comments

1reaction

mattcosta7commented, Sep 23, 2021

React Router is supposedly dropping support for as/component type stuff on Link/NavLink, I believe in v6 in a push to make sure people actually render ‘a’ tags for links, so i’m not sure if that will be supported in the future, but <ActionList.Item as={ReactRouteLikeLink}> would be

1reaction

jclemcommented, Sep 23, 2021

From the perspective of Next.js, D looks great. I’m less familiar with react-router, but @mattcosta7 can probably weigh in there.

Top Results From Across the Web

Is it sound to wrap a list item in an anchor? - Stack Overflow

I want the images to be in a list ( <ul><li> .. etc) and have each item have a different background-image . Would...

<a>: The Anchor element - HTML: HyperText Markup Language

Allowed values are the same as the global lang attribute. ping. A space-separated list of URLs. When the link is followed, the browser...

HTML Anchors: Here's How To Create Links For Fast ...

Learn how to create HTML hyperlinks. This guide covers the anchor element and all of it's attributes.

Anchors cannot be set before list items · Issue #2124 - GitHub

After some experimentation, it appears the problem only occurs when the list item follows another list item that ends in a conditional statement ......

List | Angular Material

Simple navigation lists can use the mat-list-item attribute on anchor tag elements ... Use the <mat-action-list> element when each item in the list...