1.0.12 • Published 4 years ago

react-initial v1.0.12

Weekly downloads
784
License
MIT
Repository
github
Last release
4 years ago

npm version License Dependency Status devDependency Status npm

Usage

import React, { Component } from 'react'
import { Initial } from 'react-initial'

export default class MyComponent extends Component {
  render () {
    return (
      <Initial
        name='Bruno Carvalho de Araujo'
      />
    )
  }
}

Props

The Initial component takes a couple of props that you can use to customize its behaviour:

NameTypeDescriptionDefault
namestringName of the user which the profile picture should be generatedName
heightnumberHeight of the picture100
widthnumberWidth of the picture100
charCountnumberNumber of characherts to be shown in the picture.1
textColorstringColor of the text#ffffff
fontSizenumberFont size of the character(s)60
fontWeightnumberFont weight of the character(s)400
radiusnumberRounded corners0
seednumberNumber to randomize the background color0
colorstringBackground color of the profile picture that should be generatednull
useWordsbooleannumber of characters while splitting the words over spacesnull

Compatibility

  • Chrome
  • Firefox
  • Opera 9+
  • Safari 3.2+
  • iOS Safari 3.2+
  • Android Browser 3+

References to create project

1.0.12

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.8

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago