0.2.0 • Published 4 years ago

rn-esteban-text v0.2.0

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

React Native Esteban Text

React Native primitive text component for theme creation.

installation

You only need 3 steps to get started

Step 1)

npm install rn-esteban-text

Step 2) On your root project folder create an assets folder like this

mkdir assets

Step 3) On created assets folder, now create a styles.js file and add this code, or overwrite your theme file

// This is your theme file
const style = {

  /*
    Font size section
  */  
  tinyText : 12,
  smallText : 16,
  bigText : 25,
  gigantText : 30,
  superGigantText : 40,


  /*
    Theme color section
  */
  primaryColor: '#002E86',
  primaryColorContrast : '#20F8F8',
  negativeContrast : 'red',
  disabledColorContrast : 'red',
  disabledBgColor : 'grey'

}


export default style

Usage

import {Text} from 'rn-esteban-text'

const index() => {
 return (<Text big white center>Hello world</Text>)
}

export default index

Size

Size propsTheme value
tinytinyText
smallsmallText
bigbigText
gigantgigantText
superGigantsuperGigantText

Color

Color propsTheme value
primaryprimaryColor
primaryContrastprimaryColorContrast
negativeContrastnegativeContrast
disabledContrastdisabledColorContrast
disableddisabledBgColor
whitewhite color
blackblack color

More props

Other propsValueDescription
centercenterCenter text
leftleftAlign to left
rightrightAlign to right
boldboldset text to bold

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT