Socket
Socket
Sign inDemoInstall

@netlify/marketing-community-nav

Package Overview
Dependencies
0
Maintainers
21
Versions
5
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@netlify/marketing-community-nav

A web component for shared navigation on Community, Forums, Answers, Podcasts, Swag, and others.


Version published
Maintainers
21
Weekly downloads
1
decreased by-80%

Weekly downloads

Readme

Source

@netlify/marketing-community-nav

A web component for shared navigation on Community, Explorers, Forums, Podcast, Swag, and others.

Usage

  1. Install npm install @netlify/marketing-community-nav
  2. Add nav.js and nav.css to your site’s bundler.
  3. Copy markup for the property (find the <netlify-ui-community-nav> in demo.html) and add to the top of the page (update the “Customize” sections)

The reason we embed markup inline inside of the web component here is for both progressive enhancement and performance reasons. The hamburger icon is also embedded inline to animate the transition when opened.

  1. (Optional, performance) Add to <head>: <link rel="preconnect" href="https://netlify-ui-community-nav.netlify.app/">
  2. (Optional, performance) Add to <head>: <script>document.documentElement.classList.add("ncn-ctm");</script>

Release

  1. Update version in package.json
  2. Update Version comment in nav.js, nav.css
  3. Update version HTML attribute in demo.html
  4. Convert HTML to JSX, if needed
    • Translate any class attributes to className. Leave class on root <netlify-ui-community-nav> element as is.
    • Other attributes with a - will also need to be translated to camelCase: e.g. stop-color to stopColor, fill-rule to fillRule.
  5. Commit, tag, push.

FAQs

Last updated on 23 Feb 2023

Did you know?

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc