nusu / avvvatars Goto Github PK
View Code? Open in Web Editor NEWBeautifully crafted unique avatar placeholder for your next react project
Home Page: https://avvvatars.com
License: MIT License
Beautifully crafted unique avatar placeholder for your next react project
Home Page: https://avvvatars.com
License: MIT License
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 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.
i want use in iframe ! style not work
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!
When I give avvvars a fist and a last name, it only takes the first 2 letters. Suggestion, take the first letter of the first word and the laat word and use those of there are multiple words
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.
Hi, I try to use Avvvatars on my react-native app but it doesn't work. Do I have to change anything ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.