1.26.0 • Published 1 year ago
frontend-layout v1.26.0
Frontend Layout - ff
Installation
With npm:
npm install frontend-layout
Components
Layout
import { Layout } from "frontend-layout";
import "frontend-layout/dist/style.css"
export function App() {
return (
<main>
<Layout
userName={"Alejandro Sanchez"}
userImg={""}
>
<h1> Content </h1>
</Layout>
</main>
);
}
Modal Manager
import { ModalManager } from "frontend-layout";
import "frontend-layout/dist/style.css"
// width and height is with px
// Example
export function App() {
const [open, setOpen] = useState(false);
return (
<main>
<ModalManager width="400px" height='400px' isOpen={open} onClose={() => setOpen(false)}>
<h1> Content </h1>
</ModalManager>
<button onClick={() => setOpen(true)}> Open Modal </button>
</main>
);
}
Loader
import { Loader } from "frontend-layout";
import "frontend-layout/dist/style.css"
export function App() {
return (
<Loader/>
);
}
404
import { NotFound } from "frontend-layout";
import "frontend-layout/dist/style.css"
export function App() {
return (
<NotFound url={'initial page | example : http://localhost:5173'}/>
);
}
500
import { Error500 } from "frontend-layout";
import "frontend-layout/dist/style.css"
export function App() {
return (
<Error500 />
);
}
1.26.0
1 year ago
1.19.0
1 year ago
1.18.0
1 year ago
1.21.0
1 year ago
1.22.0
1 year ago
1.20.0
1 year ago
1.25.0
1 year ago
1.23.0
1 year ago
1.24.0
1 year ago
1.15.0
1 year ago
1.14.0
1 year ago
1.17.0
1 year ago
1.16.0
1 year ago
1.13.0
1 year ago
1.12.0
1 year ago
1.9.0
1 year ago
1.8.0
1 year ago
1.7.0
1 year ago
1.11.0
1 year ago
1.10.0
1 year ago
1.6.0
1 year ago
1.5.0
1 year ago
1.4.0
1 year ago
1.2.0
1 year ago
1.3.0
1 year ago
1.1.0
1 year ago
1.0.0
1 year ago