Material-UI Core Footers

A website footer is a section of content at the very bottom of your webpage.

Description

We’ve made the following footer components using various @material-ui/core components and also some custom JSS.

Admin

Since these components were created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here-free.

Styles

Check the styles for it inside src/assets/theme/components/admin-footer.js.

Example

import React from "react";

// Core Components
import AdminFooter from "components/Footers/AdminFooter.js";

function Example() {
  return (
    <>
      <AdminFooter />
    </>
  );
}

export default Example;

Auth

Since these components were created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here-free.

Styles

Check the styles for it inside src/assets/theme/components/admin-footer.js.

Example

import React from "react";

// Core Components
import AuthFooter from "components/Footers/AuthFooter.js";

function Example() {
  return (
    <>
      <AuthFooter />
    </>
  );
}

export default Example;

Note

You should note, that none of the above components are not dynamic, as we do not know what your end use case will be. Feel free to change it, add your own props and dynamic code.