Section

Section is a wrapper for your content

section1

Usage#

Simple Usage#

section2

use <SectionContent/> to have a padding on your <Section/>

import { Section, SectionContent } from 'react-native-rapi-ui';

<Section>
    <SectionContent>
        <Text>This is a Section</Text>
    </SectionContent>
</Section>;

Section with Image#

section3

use <SectionContent/> to have a padding on your <Section/>

import { Section, SectionContent, SectionImage } from 'react-native-rapi-ui';

<Section>
    <SectionImage source={require('assets/image.jpg')} />
    <SectionContent>
        <Text>This is a Section with an image</Text>
    </SectionContent>
</Section>;

Properties#

Section#

props	required	value	Default Value
ViewProps
backgroundColor	No	`string`	#FFFFFF
borderRadius	No	`number`	10

SectionContent#

props	required	value	Default Value
ViewProps
padding	No	`number`	20

SectionImage#

props	required	value	Default Value
source	Yes	ImageSourcePropType
height	No	`number`	150