0.1.1 • Published 2 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