import chakra components, add ol styling

pull/26459/head^2
Paul Wackerow 2 years ago
parent f36e271041
commit dec085dcbb
No known key found for this signature in database
GPG Key ID: BB63E296FE9CAB8D
  1. 15
      src/components/MDXComponents.tsx

@ -1,4 +1,14 @@
import { Flex, Heading, Link, Stack, Table, Text } from '@chakra-ui/react'; import {
Flex,
Heading,
Link,
ListItem,
OrderedList,
Stack,
Table,
Text,
UnorderedList
} from '@chakra-ui/react';
import NextLink from 'next/link'; import NextLink from 'next/link';
import { Code } from './UI/docs'; import { Code } from './UI/docs';
@ -85,6 +95,9 @@ const MDXComponents = {
ul: ({children}: any) => { ul: ({children}: any) => {
return <UnorderedList mb={7} px={4}>{children}</UnorderedList> return <UnorderedList mb={7} px={4}>{children}</UnorderedList>
}, },
ol: ({children}: any) => {
return <OrderedList mb={7} px={4}>{children}</OrderedList>
},
li: ({ children }: any) => { li: ({ children }: any) => {
return <ListItem color='primary'>{children}</ListItem> return <ListItem color='primary'>{children}</ListItem>
} }

Loading…
Cancel
Save