nusu / avvvatars Goto Github PK

i want use in iframe ! style not work

I would like to be able to pass a className into Params

Would you be willing to implement taking an image as a prop? That way, the same component can be used to display an image based avatar, when the user has uploaded one, without having to switch components entirely and ensure the styles match up perfectly for a consistent experience

Hi, I try to use Avvvatars on my react-native app but it doesn't work. Do I have to change anything ?

Any plan to add Farsi/Arabic support?

Hey there. When I import the library and want to use it on a page it can not be compiled and it exits with an error.

error - ./node_modules/avvvatars-react/src/index.tsx
Module parse failed: Unexpected token (8:55)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 
| // initialize goober
> setup(React.createElement, undefined, undefined, (props: any) => {
|   for (let prop in props) {
|       if (prop[0] === '$') {
(node:93523) [DEP_WEBPACK_MODULE_ISSUER] DeprecationWarning: Module.issuer: Use new ModuleGraph API

Are there any configuration changes for the webpack config of NextJS? I also tried to just include it on the browser using a dynamic import. Had the same effect.

Would you please detail the exact weight in kb of the package? You say under 100kb... but if you have even 50kb for a package like this, it's too much. Does your app support treeshaking, if it only uses 1 or 2 of the graphical assets? 100kb is huge.

All that being said, your package looks really well done - bravo!

Hi there, this is just the standard App.js file that is initiliazed to which I imported the Avvvatars package. When I save the code and refresh the page, it turns blank (so no rendering). Note that I'm just importing the package and not using it either.

import logo from './logo.svg';
import './App.css';
import Avvvatars from 'avvvatars-react';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
        <p>
          
        </p>
      </header>
    </div>
  );
}

export default App;

I checked whether the package has been properly installed and it's appearing in package.json too.

Trying to use the Component in a fresh Next JS project getting the result below. Text + Icons are showing but background and colors are missing.

Code:

Result: