0.1.3 • Published 3 years ago

rn-esteban-section v0.1.3

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

React Native Esteban Section

React Native primitive View section component for theme creation.

Warning

This is not a complete documentation of this component, please explore the component code to show more props or feel free to make a pull request for add more style modifiers.

installation

You only need 1 steps to get started

Step 1)

npm install rn-esteban-section

Usage

import React from 'react'
import { Section } from 'rn-esteban-section'


function index(props){
 return (
    <Section row w10>
      <Section w5 mh5>
        ...
      </Section>
      <Section w5 mh5>
        ...
      </Section>
    </Section>
 )
}
export default index

flexDirection

PropValueStyle modifier
rowtrueflexDirection
columntrueflexDirection

Width

PropValue
w110%
w220%
......
w10100%

marginBottom

PropValue
mb110
mb220
......
mb10100

minHeight

PropValue
mh110
mh220
......
mh100100

marginRight

PropValue
mr110
mr220
......
mr10100

paddingHorizontal

PropValue
ph11
ph22
......
ph1515

height

PropValue
height120
height240
......
height10200

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