jxnblk/mdx-deck
1
1
Fork 0
mirror of https://github.com/jxnblk/mdx-deck.git synced 2024-09-11 06:35:24 +03:00
Code Issues Projects Releases Wiki Activity

Use v3 package imports in examples

Browse Source
This commit is contained in:
John Gosset 2019-10-24 10:04:32 -04:00
parent 738243dad4
commit 04ca47cea2
8 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
examples/aspect-ratio/deck.mdx
View File

@ -1,5 +1,4 @@
import future from '@mdx-deck/themes/future'
import aspect from '@mdx-deck/themes/aspect'
import { future, aspect } from 'mdx-deck/themes'
export const themes = [
future,

2
examples/head/deck.mdx
View File

@ -1,4 +1,4 @@
import { Head } from '@mdx-deck/components'
import { Head } from 'mdx-deck'
<Head>
<title>Hello</title>

2
examples/images/deck.mdx
View File

@ -1,6 +1,6 @@
import {
Image,
} from '@mdx-deck/components'
} from 'mdx-deck'
# Hello!

2
examples/layouts/deck.mdx
View File

@ -4,7 +4,7 @@ import {
SplitRight,
Horizontal,
FullScreenCode,
} from '@mdx-deck/layouts'
} from 'mdx-deck'
# Hello!

5
examples/prism/deck.mdx
View File

@ -1,9 +1,8 @@
import future from '@mdx-deck/themes/future'
import highlight from '@mdx-deck/themes/syntax-highlighter-prism'
import { future, prism } from 'mdx-deck/themes'
export const themes = [
future,
highlight
prism
]
# Hello!

2
examples/provider/deck.mdx
View File

@ -1,4 +1,4 @@
import comic from '@mdx-deck/themes/comic'
import { comic } from 'mdx-deck/themes'
import theme from './theme'
export const themes = [

3
examples/syntax-highlighting/deck.mdx
View File

@ -1,5 +1,4 @@
import future from '@mdx-deck/themes/future'
import highlight from '@mdx-deck/themes/syntax-highlighter'
import { future, highlight } from 'mdx-deck/themes'
export const themes = [
future,

8
examples/themes/theme.js
View File

@ -1,7 +1,7 @@
import React, { useState, useContext } from 'react'
import { ThemeProvider } from 'emotion-theming'
import { MDXProvider } from '@mdx-js/react'
import * as themes from '@mdx-deck/themes'
import * as themes from 'mdx-deck/themes'
const names = Object.keys(themes)
@ -35,16 +35,14 @@ const Provider = props => {
right: 0,
bottom: 0,
margin: 16,
}}
>
}}>
<label>
Theme
<select
value={name}
onChange={e => {
setTheme(e.target.value)
}}
>
}}>
{names.map(name => (
<option key={name}>{name}</option>
))}