@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
25 lines (24 loc) • 1.01 kB
JavaScript
import * as React from 'react';
import { createContainer, createComponent } from '@workday/canvas-kit-react/common';
import { Menu, useMenuModel } from '@workday/canvas-kit-react/menu';
export const BreadcrumbsMenuItem = createComponent('a')({
displayName: 'Breadcrumbs.Menu.Item',
Component: (props, ref, Element) => {
return React.createElement(Menu.Item, { as: Element, style: { textDecoration: 'none' }, ...props, ref: ref });
},
});
export const BreadcrumbsMenu = createContainer()({
displayName: 'Breadcrumbs.Menu',
modelHook: useMenuModel,
subComponents: {
Card: (elemProps) => (React.createElement(Menu.Card, { width: 280, maxWidth: 280, maxHeight: 296, ...elemProps })),
List: Menu.List,
Item: BreadcrumbsMenuItem,
Divider: Menu.Divider,
Target: Menu.Target,
TargetContext: Menu.TargetContext,
Popper: Menu.Popper,
},
})(({ children }) => {
return React.createElement(React.Fragment, null, children);
});