A package for render view errors

Usage no npm install needed!

<script type="module">
  import comparaonlineUiOfferErrors from 'https://cdn.skypack.dev/@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


npm install @comparaonline/ui-offer-errors


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 (
        buttonLabel={'Ir al inicio'}
        subtitle={'Sub titulo'}
        description={'Mi descripciĆ³n'}
        onClick={() => history.push('/form')}

As you can see is so simple to use it


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 :sunglasses: