deprecated It is strongly recommended that this not to be used.

Header container

This component has been deprecated. No alternative is provided and the pattern should not be used.

github location npm version

Variants

Examples

Installation info

This component is distributed with npm. After installing npm, you can install the vf-header with this command.

$ yarn add --dev @visual-framework/vf-header

Sass/CSS

The source files included are written in Sass(scss). You can point your Sass include-path at your node_modules directory and import it like this.

@import "@visual-framework/vf-header/index.scss";

Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter

Changelog

Changelog

3.0.1

  • Removes usage of deleted vf-navigation--additional variant.

3.0.0

  • vf-header was an early concept on how we might accommodate multi-layers of branding ... but:
  • It was never successfully used in production
  • Is out of date technically and visually
  • Has questionable IA/UX merritt in the current context
  • Therefore it is being deprecated.
  • No migration guidance is supplied as it is not used in production.
  • It is also being removed from the default rollup Sass/CSS.
  • https://github.com/visual-framework/vf-core/pull/1656

1.0.4

  • changes any set- style functions to cleaner version

1.0.4

  • removes CSS for 'inlayed' design as no longer in use
  • https://github.com/visual-framework/vf-core/pull/1204

1.0.3

  • removes negative margin bottom when vf-global-header is a child of vf-header

1.0.0-rc.2

  • Simplify grid

Assets


File system location: components/vf-header

Find an issue on this page? Propose a change or discuss it.