@404pagez/react
This is a template of 404page for react.
Making 404 pages is more troublesome than I thought. just use a 404page template to save your time.
Install
npm install @404pagez/react
Usage
import { Simple404 } from "@404pagez/react";
const NotFound = () => {
return (
<div>
<Simple404 size={20} isButton={false} />
</div>
);
};
404pages
Props
Simple404

props |
type |
|
size |
number |
required |
onButtonClick |
() => void |
optional |
isButton |
boolean |
optional |
buttonLabel |
string |
optional |
buttonColor |
string |
optional(ex:#ffffff) |
Warning404

props |
type |
|
size |
number |
required |
onButtonClick |
() => void |
optional |
isButton |
boolean |
optional |
buttonLabel |
string |
optional |
buttonColor |
string |
optional(ex:#ffffff) |
color |
string |
optional(ex:#ffffff) |
Section404

props |
type |
|
size |
number |
required |
onButtonClick |
() => void |
optional |
isButton |
boolean |
optional |
buttonLabel |
string |
optional |
buttonColor |
string |
optional(ex:#ffffff) |
color |
string |
optional(ex:#ffffff) |
Cat404

props |
type |
|
size |
number |
required |
onButtonClick |
() => void |
optional |
isButton |
boolean |
optional |
buttonLabel |
string |
optional |
buttonColor |
string |
optional(ex:#ffffff) |
Blocked404

props |
type |
|
size |
number |
required |
onButtonClick |
() => void |
optional |
isButton |
boolean |
optional |
buttonLabel |
string |
optional |
buttonColor |
string |
optional(ex:#ffffff) |
Pepe404

props |
type |
|
size |
number |
required |
onButtonClick |
() => void |
optional |
isButton |
boolean |
optional |
buttonLabel |
string |
optional |
buttonColor |
string |
optional(ex:#ffffff) |
Contact

License
MIT