Footer

Three columns: footer links, small print and the zudo-composer credit.

Chrome

Pack defaults

With content

In context

Source

import { Footer } from "demo-webshop/components";

const props = {
  "smallPrint": "Nightjar Supply is a demo shop. Nothing here is for sale.",
  "creditLabel": "Built with zudo-composer",
  "creditHref": "https://github.com/Takazudo/zudo-composer"
};
<Footer {...props} />

Live CSS

Injected into the previews above. Footer

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */