@12stonechurch/react-native-material-initials

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

Usage no npm install needed!

<script type="module">
  import 12stonechurchReactNativeMaterialInitials from 'https://cdn.skypack.dev/@12stonechurch/react-native-material-initials';
</script>

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 @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