0.1.1 • Published 3 years ago
@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