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