Markdown List.tsx

0% Statements 0/6

100% Branches 0/0

0% Functions 0/3

0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { UnorderedList, OrderedList, ListItem } from "@chakra-ui/react";
import type { FunctionComponent } from "react";
 
export const Ul: FunctionComponent = ({ children }) => (
  <UnorderedList marginTop={2} padding={0}>
    {children}
  </UnorderedList>
);
 
export const Ol: FunctionComponent = ({ children }) => (
  <OrderedList>{children}</OrderedList>
);
 
export const Li: FunctionComponent = ({ children }) => (
  <ListItem
    lineHeight="tall"
    marginX={2}
    sx={{
      "em:first-of-type": {
        fontSize: "small",
      },
      code: {
        fontSize: "small",
      },
    }}
  >
    {children}
  </ListItem>
);