Git Product home page Git Product logo

Comments (2)

paulrobertlloyd avatar paulrobertlloyd commented on June 2, 2024 1

Discussing this with @peteryates, there’s additional complexity here due the nature of the underlying CSS layout, and the various assumptions it makes. Therefore, to enable reasonable customisation, but without allowing a mixture of options that would create broken layouts, suggest the following options (or similar):

  • meta_items: Array. items for use in the meta section of the footer.
  • meta_items_title: String. Title for a meta item section. Defaults to ‘Support links’
  • meta_content: Slot? Content to add to the meta section of the footer. This will appear below any links specified using meta_items option.
  • meta_licence: String/Boolean. Licence text. Defaults to OGL licence (OGL logo plus the text ‘All content is available under the Open Government Licence v3.0, except where otherwise stated’). If this option is used, the OGL SVG logo is removed. If set to false, both the SVG logo and text span are removed.
  • meta: Slot. Custom HTML that appears to the left of the crest. If this slot is used, all of the above settings are ignored, and defaults overwritten.

from govuk-components.

paulrobertlloyd avatar paulrobertlloyd commented on June 2, 2024

Examples of BAT footers:

Publish

footer-publish

https://github.com/DFE-Digital/publish-teacher-training/blob/master/app/views/layouts/_footer.html.erb

Find

footer-find

https://github.com/DFE-Digital/find-teacher-training/blob/ee12b7e6f0e51d0f79dc0b4ae4c8174c4d51c4c8/app/views/layouts/application.html.erb#L64

Apply and Manage

footer-manage

footer-apply

https://github.com/DFE-Digital/apply-for-teacher-training/blob/master/app/views/layouts/_footer.html.erb

Register

footer-register

https://github.com/DFE-Digital/register-trainee-teachers/blob/441ce01b116ffd2bd5ab96333336584de5d4679b/app/views/layouts/application.html.erb#L67

from govuk-components.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.