Introduction

Welcome to the very start of your QDM components labary! If you're looking for environment setup instructions, they've moved to their own section. Continue reading for an introduction to the documentation,React Native Components

Installation#

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

Reference#

Props#

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

source#

source props for give the image url to the Avatar by default it show some ramdom image url type string before loading the image it will show you gray background color

import React, {FC} from 'react';
import {Body, Avatar} from 'qdmrncomponents';
const App: FC = () => {
  return (
    <Body paddingAll={20} V_Aligin_center>
      <Avatar source={'https://picsum.photos/200/300?random=19'} />
    </Body>
  );
};

How to use these docs#

You can start here and read through these docs linearly like a book; or you can read the specific sections you need.

Interactive examples#

This introduction lets you get started immediately in your browser with interactive examples like this one:

The above is a Snack Player. you can play Android and iOS. The code is live and editable, so you can play directly with it in your browser. Go ahead and try changing the "Try editing me!" text above to "Hello, world!" ## props All this documentation examples will has a section called props it has all the actions features you can do with the QDM components