ConNext
Apps Solutions Docs Support About
Partners Install →
React / MDX usage

Mount as Docusaurus theme swizzle

The Conduction preset replaces Docusaurus's default Infima navbar with this pattern through theme/Navbar/index.jsx. Sites configure the items via themeConfig.navbar; the chrome stays locked.

docusaurus.config.js

const {createConfig} = require('@conduction/docusaurus-preset');

module.exports = createConfig({
  title: 'ConNext',
  url: 'https://connext.conduction.nl',
  navbar: {
    title: 'ConNext',
    items: [
      {to: '/apps',      label: 'Apps',      position: 'left'},
      {to: '/solutions', label: 'Solutions', position: 'left'},
      {to: '/docs/intro',label: 'Docs',      position: 'left'},
      {to: '/support',   label: 'Support',   position: 'left'},
      {to: '/about',     label: 'About',     position: 'left'},
      {type: 'localeDropdown',                position: 'right'},
      {to: '/partners',  label: 'Partners',  position: 'right'},
      {to: '/install',   label: 'Install',   position: 'right', cta: true},
    ],
  },
});

Item shape

  • to internal route (Link)
  • href external link (a tag)
  • label display text
  • position left | right
  • cta true renders cobalt-fill primary CTA
  • type localeDropdown for the language switcher