Usage

First you need to install the package, just if you have access to npm module.

yarn add @clinicalascondes@clc-parts

Parts

Header

Props:

• labelLogo : type string, this props a recieve and in header.
• middleComponent: type string or component in dependencies of view. Middle side of header.
• rightComponent: type string or component in dependencies of view. Right side of Header.

LoginScreen

Props:

• label : type string, and show in card of login screen.
• path: type string and push to another route, according of app.
• rightComponent: type string or component in dependencies of view. Right side of Header.
• cardStyle: type style and recive props like {{width: "10%"}}, this change the card in login view.
• contentStyle: type style and recive props like {{width: "10%"}}, this change the content in login view.
• {...props}: to acces to history(router) or others props.

Example Header

import {  Header } from "@clinicalascondes/clc-parts";

function MyComponent(){
    <Header
        labelLogo="Mi Texto"
        middleComponent={<p>HEY ESTOY EN MEDIO </p>}
        rightComponent={<p>HEY ESTOY EN EL LADO DERECHO </p>}
      />
}

Example LoginScreen

import {  LoginScreen } from "@rokket-labs/clc-parts";

function MyComponent(){
    <LoginScreen label="Mi Texto" path="/helloworld" {...props}/>
}