Divider

A basic Divider component that should render nicely on any platform. Supports a good level of customization.

You can customization View component with the Props

Usage#

import React, {FC} from 'react';
import {Body, Divider} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body>
      <Divider />
    </Body>
  );
};

Reference#

Props#

here all the list of Props you can use for Divider Component and it Inherits all ViewProps Props, from React Native

import React, {FC} from 'react';
import {Body, Divider, Text} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body paddingAll={20}>
      <Divider />
    </Body>
  );
};

lable#

this props give you to add text within the Divider

import React, {FC} from 'react';
import {Body, Divider, Text} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body paddingAll={20}>
      <Divider lable={'lable'} />
    </Body>
  );
};

lable defalut props is none#

textWidth#

this props you can adjust space of the text on Divider

import React, {FC} from 'react';
import {Body, Divider, Text} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body paddingAll={20}>
      <Divider lable={'lable'} textWidth={50} />
    </Body>
  );
};

textWidth defalut props is 30px#

textColor#

props give addition props to change the text color

textColor defalut props black#

borderColor#

props give addition props to change the border color

borderColor defalut props black#

borderWidth#

props give addition props to change the border width

import React, {FC} from 'react';
import {Body, Divider, Text} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body paddingAll={20}>
      <Divider
        lable={'lable'}
        textWidth={50}
        textColor={'red'}
        borderColor={'green'}
        borderWidth={2}
      />
    </Body>
  );
};

borderWidth defalut props 1px#

marginAll#

props for margin for all the four sides of the Body by default it none number

marginAll defalut props none#

marginLR#

props for margin for left and right sides of the Body by default it none number

marginLR defalut props none#

marginTB#

props for margin for top and bottom sides of the Body by default it none number

marginTB defalut props none#

inlineStyle#

props give addition props to the Button element type Object