[docs-infra] Support anchor link to each prop

[sai6855]

What's the problem? 🤔

I think there is scope to improve on sharing props. Currently we can only share props section of an component not an individual prop of an component, I think it's good to have a sharable link for an individual prop

What are the requirements? ❓

No response

What are our options? 💡

No response

Proposed solution 🟢

If you want to share inputProps of textfield component, url could be something like this Something like this https://mui.com/material-ui/api/text-field/#props#inputProps and on opening the URL, UI should display inputProps section

Resources and benchmarks 🔗

No response

[sai6855]

got this idea while answering this issue #36538 (comment)

[oliviertassinari]

I recall @eps1lon explored this idea in the past but I can't find the PR back. I can't recall exactly why we didn't move forward.

At a minimum, having a hidden id so that maintainers can link to rows directly in big tables like https://mui.com/x/api/data-grid/data-grid/ seems like a step forward.

If we make it visible to the developers, there is a need for a design reflection on how we can make it feel great.

One benchmark:

• Stripe, with a direct anchor link to issuingCard

https://stripe.com/docs/js/issuing_elements/create?type=issuingCardNumberDisplay#issuing_elements_create-options-issuingCard

[alexfauquette]

I tried a POC on this topic #35543 But yes, the design is clearly the main blocker here.