Introducing Socket Firewall: Free, Proactive Protection for Your Software Supply Chain.Learn More
Socket
Book a DemoInstallSign in
Socket

@visual-framework/vf-navigation

Package Overview
Dependencies
Maintainers
2
Versions
60
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@visual-framework/vf-navigation

vf-navigation component

npmnpm
Version
2.2.3-3.0.0-beta.0.0
Version published
Weekly downloads
522
14.98%
Maintainers
2
Weekly downloads
 
Created
Source

Navigation component

npm version

About

The vf-navigation component is a horizontal lise of links to key pages of the website.

Usage

Global Navigation

This variant of the vf-navigation is to be used as part of the vf-global-header to give a few 'quick links' that will be on every page.

Main Navigation

This variant of the vf-navigation can be used to link to sections of the site, or part of the site the parent section.

This is typically placde below the vf-hero component but can be also found below the vf-global-header.

There should be only one use of vf-navigation--main on a page.

Install

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

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

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-navigation/index.scss";

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

Help

Keywords

fractal

FAQs

Package last updated on 01 Apr 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts