React usage about focus-visible HOT 10 CLOSED

import 'focus-visible'; also works.

from focus-visible.

Ah okay, so the solution is to point directly to the file in the dist folder instead of just naming the package. Also, we have to make sure to import the library in App.js before any other libraries (e.g. React, ReactDOM) are loaded.

import "focus-visible/dist/focus-visible.js";
import React, { Component } from "react";
...

from focus-visible.

Hey @robdodson

Sure did, thanks! I will try to use the following as a reference: https://github.com/TheFullResolution/temperature-graph

from focus-visible.

Hey @MattSidor,

I actually wasn't able to but I did manage to see how others were doing so by searching on GitHub. Check this repo out, hope it helps! https://github.com/TheFullResolution/temperature-graph

from focus-visible.

Sorry @santos22, I'm still confused. I see a library there for making a temperature graph with React, but I don't see how it's relevant to this question.

from focus-visible.

Hey @santos22

Because this is a CSS polyfill there aren't any functions to access. I'd recommend just including the focus-visible script in your bundle (maybe even just using a script tag for it?). After that you should be able to leverage the .focus-visible class.

from focus-visible.

@santos22 did my response help at all?

from focus-visible.

cool, glad you got it sorted.

from focus-visible.

@santos22 Can you elaborate on how you imported this library into your React app?

from focus-visible.

Hey @MattSidor,

Check out - https://github.com/TheFullResolution/temperature-graph/blob/master/src/index.js#L3

from focus-visible.