react-native-cos-round-component-capital-letter

This is a simple Round Component with random background color and capital letter inside for react-native

Usage no npm install needed!

<script type="module">
  import reactNativeCosRoundComponentCapitalLetter from 'https://cdn.skypack.dev/react-native-cos-round-component-capital-letter';
</script>

README

Usage

import RoundCapitalLetter from 'react-native-cos-round-component-capital-letter';

<View>
  <RoundCapitalLetter
    letterColor
    text="g"
    size={64}
    textSize={32}
    colorsList={['pink', 'green']}
    imageSrc={require('CosComponents/src/components/round-component-capital-letter/assets/icons8-checkmark-24.png')}
    imageSize={22}
  />
</View>

letterCollor={true} - use associated color for letter background

imageSrc={require('CosComponents/src/components/round-component-capital-letter/assets/icons8 -checkmark-24.png')} - Image source

imageSize={22} - Image size