1.26.0 • Published 1 year ago

frontend-layout v1.26.0

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

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