react-native-material-initials

React Native library to generate Google Inbox style material list icons.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-native-material-initials
1420.0.125 years ago6 years agoMinified + gzip package size for react-native-material-initials in KB

Readme

React Native Material Initials
react-native-material-initials

Usage

<MaterialInitials
  style={{alignSelf: 'center'}}
  backgroundColor={'red'}
  color={'white'}
  size={100}
  text={'John Doe'}
  single={false}
/>

Installation

$ npm install --save react-native-material-initials

React Native

import MaterialInitials from 'react-native-material-initials/native';

Props

|Key |Type |Description | |--- |--- |--- | |text|String|The text to use to make initials| |size|Number|The pixel height / width of the icon| |color|String|Override the text color with any valid CSS color value| |single|Boolean|Whether to only use a single initial or two| |backgroundColor|String|Override the background color with any valid CSS color value|