@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
19 lines (18 loc) • 776 B
JavaScript
import * as React from 'react';
import { Flex } from '@workday/canvas-kit-react/layout';
import { styled, createComponent } from '@workday/canvas-kit-react/common';
const StyledList = styled(Flex.as('ul'))({
listStyle: 'none',
});
export const List = createComponent('ul')({
displayName: 'List',
Component: ({ children, ...elemProps }, ref, Element) => {
return (React.createElement(StyledList, { as: Element, marginY: "zero", marginX: "zero", padding: "zero", ref: ref, ...elemProps }, children));
},
});
export const ListItem = createComponent('li')({
displayName: 'ListItem',
Component: ({ children, ...elemProps }, ref, Element) => {
return (React.createElement(Flex, { as: Element, ref: ref, ...elemProps }, children));
},
});