@comparaonline/ui-offer-errors

@comparaonline/ui-offer-errors

A package for render view errors

Getting Started

To getting started with this package you will first install it, so

yarn add @comparaonline/ui-offer-errors

or

npm install @comparaonline/ui-offer-errors

Usage

Once you have installed the package, you can star using like

import React, { Component } from 'react';
import { Error404 } from '@comparaonline/ui-offer-errors';

interface ErrorViewProps extends RouteComponentProps<any> {}

class ErrorView extends Component<ErrorViewProps> {
  render() {
    return (
      <Error404
        buttonLabel={'Ir al inicio'}
        title={'Titulo'}
        subtitle={'Sub titulo'}
        description={'Mi descripción'}
        onClick={() => history.push('/form')}
      />
    );
  }
}

As you can see is so simple to use it

Props

the props that our component will use

Prop Name	Description	Default Value	Expected Type Value	Required
buttonProps	an object containing the props needed for Button material ui	{}	ButtonProps	false
buttonLabel	the button title	''	string	false
title	the title for the error view	''	string	false
subtitle	the subtitle for the error view	''	string	false
description	the description for the error view	''	string	false
descriptionComponent	a component that will replace the entire description section	undefined	ReactElement	false
onClick	a function to be invoked when hit the button into the error view	() => undefined	Function	false

Happy Coding 😎