Hover references/docs for JSX files (like for regular HTML and CSS files)

[mlntr]

Upon hover, elements and attributes in HTML and CSS files display a useful small documentation window (tooltip) containing docs from W3C/WHATWG and link to MDN.

JSX should have this too, as it'd be more helpful than what is currently displayed.

Currently this is displayed (JSX):

Suggestion:

[nmain]

This could (and maybe should?) be fixed in types: Playground

export {};

declare var React;

declare global {
  namespace JSX {
    interface IntrinsicElements {
      /** WOW TOOLTIP */
      div;
    }
  }
}

<div />;

[andrewbranch]

@eps1lon do you know if this has been discussed for DOM elements/attributes in React typings?

[eps1lon]

It's a great idea.

I haven't tried if it would be enough to just add JSDoc to https://github.com/definitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts#L4283-L4466. Would appreciate if somebody could try it out and file a PR.

[mlntr]

I haven't tried if it would be enough to just add JSDoc to https://github.com/definitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts#L4283-L4466. Would appreciate if somebody could try it out and file a PR.

@eps1lon I could look into it if others don't have time to. Can you provide an example of what it would look like for one of those elements? (I'm not familiar with JSDoc as I use TypeScript instead 🙂)

[typescript-bot]

This issue has been marked as "External" and has seen no recent activity. It has been automatically closed for house-keeping purposes.

[mlntr]

@andrewbranch Was the issue inadvertently closed by the bot?

[eps1lon]

Continued in DefinitelyTyped/DefinitelyTyped#69381