Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-nice-avatar

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-nice-avatar - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

1

dist/react-nice-avatar.d.ts

@@ -16,2 +16,3 @@ import * as React from 'react';

eyeStyle?: 'circle' | 'oval' | 'smile',
glassesStyle?: 'round' | 'square' | 'none',
noseStyle?: 'short' | 'long' | 'round',

@@ -18,0 +19,0 @@ mouthStyle?: 'laugh' | 'smile' | 'peace',

2

package.json
{
"name": "react-nice-avatar",
"version": "1.0.2",
"version": "1.0.3",
"description": "Beautiful default avatar for your users",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

@@ -16,2 +16,3 @@ import * as React from 'react';

eyeStyle?: 'circle' | 'oval' | 'smile',
glassesStyle?: 'round' | 'square' | 'none',
noseStyle?: 'short' | 'long' | 'round',

@@ -18,0 +19,0 @@ mouthStyle?: 'laugh' | 'smile' | 'peace',

@@ -41,6 +41,6 @@ # react-nice-avatar

```js
const myConfig = genConfig(AvatarConfig?)
const config = genConfig(AvatarConfig?)
```
3. Render the component with config and width / height
3. Render the component with specific width / height and configuration

@@ -50,7 +50,5 @@

<Avatar style={{ width: '8rem', height: '8rem' }} {...config} />
```
or using className to set the width / height
or
```js
<Avatar className="w-32 h-32" {...config} />

@@ -61,10 +59,10 @@ ```

The options can be passed into genConfig or on React props
The options can be passed into genConfig or as React props
|key|type|default|accept
|---|---|---|---|
|id|string|
|className|string|
|style|object|
|shape|string|circle|circle, rounded, square
|key|type|default|accept|tips
|---|---|---|---|---|
|id|string| | | Only for React Props
|className|string| | | Only for React Props
|style|object| | | Only for React Props
|shape|string|circle|circle, rounded, square| Only for React Props
|sex| string | | man, woman

@@ -76,2 +74,3 @@ |faceColor| string |

|eyeStyle| string | | circle, oval, smile
|glassesStyle| string | | none, round, square | Usually is none
|noseStyle| string | | short, long, round

@@ -83,3 +82,3 @@ |mouthStyle| string | | laugh, smile, peace

## Develop in the local
## Development

@@ -86,0 +85,0 @@ 1. `$ git clone git@github.com:chilllab/react-nice-avatar.git`: Clone the codebase

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc