@carbon/ibm-cloud-cognitive-cdai
Version:
Carbon for Cloud & Cognitive CD&AI UI components
41 lines • 1.68 kB
JavaScript
import React from 'react';
import { Link32, Menu32 } from '@carbon/icons-react';
import { SideNavMenuItem } from 'carbon-components-react';
import { IdeSideNavLink, IdeSideNavMenu } from '../IdeNavigationItems.js';
export var sampleNavLinks = [/*#__PURE__*/React.createElement(IdeSideNavLink, {
key: 'snlink1',
renderIcon: Link32,
href: "javascript:void()"
}, "Sample Link with Icon"), /*#__PURE__*/React.createElement(IdeSideNavLink, {
key: 'snlink2',
href: "javascript:void()"
}, "Sample Link")];
export var sampleNavMenus = [/*#__PURE__*/React.createElement(IdeSideNavMenu, {
key: 'snmenu',
title: "Sample menu"
}, /*#__PURE__*/React.createElement(SideNavMenuItem, {
href: "javascript:void(0)"
}, "Menu item one"), /*#__PURE__*/React.createElement(SideNavMenuItem, {
href: "javascript:void(0)"
}, "Menu item two"), /*#__PURE__*/React.createElement(SideNavMenuItem, {
href: "javascript:void(0)"
}, "Menu item three")), /*#__PURE__*/React.createElement(IdeSideNavMenu, {
key: 'snmenu2',
title: "Sample menu with icon",
renderIcon: Menu32
}, /*#__PURE__*/React.createElement(SideNavMenuItem, {
href: "javascript:void(0)"
}, "Menu item one"), /*#__PURE__*/React.createElement(SideNavMenuItem, {
href: "javascript:void(0)"
}, "Menu item two"), /*#__PURE__*/React.createElement(SideNavMenuItem, {
href: "javascript:void(0)"
}, "Menu item three"))];
export var navigationCoreProps = {
showFirstLevel: true,
ariaAttributes: {
'aria-labelledby': '#myId',
'aria-label': 'sample aria label to describe the nav'
},
footerDescription: 'Expand or collapse the navigation',
navigationLinks: [].concat(sampleNavMenus).concat(sampleNavLinks)
};