diff options
Diffstat (limited to 'packages/dev-tools-pages/ts/components/List.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/List.tsx | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/packages/dev-tools-pages/ts/components/List.tsx b/packages/dev-tools-pages/ts/components/List.tsx index 3041fc475..ceb3bc108 100644 --- a/packages/dev-tools-pages/ts/components/List.tsx +++ b/packages/dev-tools-pages/ts/components/List.tsx @@ -26,14 +26,19 @@ const StyledItem = styled.li` `; interface ListProps { - items: Array<string>; + items?: Array<string>; + children?: React.ReactNode; } function List(props: ListProps) { - const items = props.items; - const listItems = items.map((bullet, index) => <StyledItem key={index}>{bullet}</StyledItem>); - - return <StyledList>{listItems}</StyledList>; + return ( + <StyledList> + {props.children !== undefined + ? props.children + : props.items.map((bullet, index) => <StyledItem key={index}>{bullet}</StyledItem>)} + </StyledList> + ); } export default List; +export { List, StyledItem as ListItem }; |