React Native Material Initials

Usage

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

Installation

$ npm install --save @12stonechurch/react-native-material-initials

React Native

import MaterialInitials from '@12stonechurch/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|