Edenfarm-widgets NPM

EdenFarm Widgets

Just Widgets 😂

Installation

Since the library is a JS-based solution, to install the latest version of edenfarm-widgets you only need to run:

  npm i edenfarm-widgets

  yarn add edenfarm-widgets

Basic Usage

Usage/Examples

import React from "react";
import { View, Text } from "react-native";
import { Container, Row, Column, Body, Badges } from "edenfarm-widgets";

function App() {
  return (
    <View style={{ flex: 1 }}>
      <Container>
        <Row>
          <Text>EdenFarm</Text>
          <Text>Row</Text>
        </Row>
      </Container>
    </View>
  );
}

Props

Container

Property	Default	Description
`containerStyle`	`{}`	for styling the container
`onStartShouldSetResponder`	`false`
`onLayout`	`null`
`accessibility`	`''`
`children`	`null`

PageContainer

Property	Default	Description
`barStyle`	`light-content`	for styling the statusbar
`containerStyle`	`{}`	for styling container
`statusBarColor`	`white`	for change the statusbar color
`isBackgroundWhite`	`true`
`children`	`null`

Row

Property	Default	Description
`rowStyle`	`{}`	for styling the row container
`onStartShouldSetResponder`	`false`
`onResponderGrant`	`null`
`accessibility`	`''`
`children`	`null`

Column

Property	Default	Description
`columnStyle`	`{}`	for styling the column
`accessibility`	`''`
`children`	`null`

Badges

Property	Default	Description
`textColor`	`white`	for change the text color
`textSize`	`12`	for change the text size
`badgePosition`	`ANY`	for change the badge position
`badgeColor`	`red`	for change the badge color
`badgeLabel`	`''`	for change the badge label
`badgeStyle`	`{}`	for styling the badge