Text

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

You can customization Text component with the Props

Usage#

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

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

Reference#

Props#

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

Color#

Color props for apply color to the text the by default it is black type string

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

const App: FC = () => {
  return (
    <Body paddingAll={20} V_Aligin_center>
      <Text Color="red" />
    </Body>
  );
};

label#

props for adding the text and type string by default it will be in Text

import * as React from 'react';
import {Text} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body paddingAll={20} V_Aligin_center>
      <Text
        Color="red"
        label={
          'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ab, placeat molestias culpa nemo deleniti pariatur eos modi accusamus deserunt tempora ipsum iure aperiam! Inventore officia voluptas soluta animi quisquam voluptates?'
        }
      />
    </Body>
  );
};

size#

this props gives you 3 different font size like 'large' | 'small' | 'medium' type string

customeSize#

props gives you custome size like 20, 40 etc., type number

inlineStyle#

props give addition props to the Text element type Object