components-react-native

Library that helps in the visual construction of your application

Usage no npm install needed!

<script type="module">
  import componentsReactNative from 'https://cdn.skypack.dev/components-react-native';
</script>

README

COMPONENTS REACT NATIVE

Developer

@jovemdeveloper
@joaosantos.dev

GIT: https://github.com/joaosantosdev/components-react-native

Recommendation

We recommend that you create other components, create your own rules and use our components to help

import {Button} from "components-react-native";

export const MyButton = props =>{
    return (<Button {...props}/>)
}

Components

  • Button
    bg
    size
    type
    color
    onPress
    title
    style
    styleText

Button

Create
import {Button} from "components-react-native";

<Button title='Click'/> or <Button>Click</Button>
Props - type
<Button title='Click' bg='block'/>
<Button title='Click' bg='block-round'/>
<Button title='Click' bg='outline'/>
<Button title='Click' bg='outline-round'/>
Props - bg
<Button bg='primary'/> or <Button bg='#fff'/>
Props - size
<Button size='lg'/>
<Button size='md'/>
<Button size='sm'/>
Props - color
<Button color='red'/>
<Button color='#000'/>
<Button color='primary'/>
Props - radius
<Button radius={10}/>
Props - style & styleText
<Button style={{width:200}}/>

<Button styleText={{fontSize:13}}/>

Resource

colors
import {colors} from "components-react-native/resource";

<Button bg={colors.info}/>