mirror of
https://github.com/jxnblk/mdx-deck.git
synced 2024-09-11 06:35:24 +03:00
Edit examples
This commit is contained in:
parent
e430a57b2d
commit
97b849ad75
@ -109,6 +109,7 @@ export default {
|
||||
- `fonts.heading`: heading font family
|
||||
- `fonts.monospace`: font family for `<pre>` and `<code>`
|
||||
- `text.heading`: styles for all headings
|
||||
- `styles`: Theme UI styles for MDX elements
|
||||
- `styles.Slide`: styles for the wrapping Slide component
|
||||
- `styles.Header`: styles for the Header component
|
||||
- `styles.Footer`: styles for the Footer component
|
||||
|
@ -1,4 +1,3 @@
|
||||
import { Head } from 'mdx-deck'
|
||||
|
||||
<Head>
|
||||
<title>Hello</title>
|
||||
|
19
examples/header-footer/deck.mdx
Normal file
19
examples/header-footer/deck.mdx
Normal file
@ -0,0 +1,19 @@
|
||||
|
||||
<Header>
|
||||
|
||||
# Header
|
||||
|
||||
</Header>
|
||||
|
||||
<Footer>
|
||||
|
||||
[@jxnblk](https://twitter.com/jxnblk)
|
||||
|
||||
</Footer>
|
||||
|
||||
# Hello!
|
||||
|
||||
---
|
||||
|
||||
This deck has a header and footer
|
||||
|
13
examples/header-footer/package.json
Normal file
13
examples/header-footer/package.json
Normal file
@ -0,0 +1,13 @@
|
||||
{
|
||||
"private": true,
|
||||
"name": "@mdx-deck/header-footer-example",
|
||||
"version": "3.1.0",
|
||||
"scripts": {
|
||||
"start": "mdx-deck deck.mdx",
|
||||
"build": "mdx-deck build deck.mdx",
|
||||
"help": "mdx-deck"
|
||||
},
|
||||
"devDependencies": {
|
||||
"mdx-deck": "^3.1.0"
|
||||
}
|
||||
}
|
@ -1,10 +1,3 @@
|
||||
import {
|
||||
Invert,
|
||||
Split,
|
||||
SplitRight,
|
||||
Horizontal,
|
||||
FullScreenCode,
|
||||
} from 'mdx-deck'
|
||||
|
||||
# Hello!
|
||||
|
||||
|
@ -1,4 +1,3 @@
|
||||
import { Appear } from 'mdx-deck'
|
||||
|
||||
# Hello!
|
||||
|
||||
@ -6,21 +5,21 @@ import { Appear } from 'mdx-deck'
|
||||
|
||||
<ul>
|
||||
<li>One</li>
|
||||
<Appear>
|
||||
<Steps>
|
||||
<li>Two</li>
|
||||
<li>Three</li>
|
||||
<li>Four</li>
|
||||
</Appear>
|
||||
</Steps>
|
||||
</ul>
|
||||
|
||||
---
|
||||
|
||||
## One
|
||||
|
||||
<Appear>
|
||||
<Steps>
|
||||
|
||||
## Two
|
||||
## Three
|
||||
|
||||
</Appear>
|
||||
</Steps>
|
||||
|
@ -1,9 +1,9 @@
|
||||
import { future, highlight } from 'mdx-deck/themes'
|
||||
import { future, highlight } from '@mdx-deck/themes'
|
||||
|
||||
export const themes = [
|
||||
future,
|
||||
highlight
|
||||
]
|
||||
export const theme = {
|
||||
...future,
|
||||
...highlight
|
||||
}
|
||||
|
||||
# Hello!
|
||||
|
||||
|
@ -1,4 +1,5 @@
|
||||
import { ThemeName } from './theme'
|
||||
|
||||
export { theme } from './theme'
|
||||
|
||||
# Hello <ThemeName />!
|
||||
|
@ -232,16 +232,10 @@ See how others have used MDX Deck for their presentations.
|
||||
The following examples will open in CodeSandbox.
|
||||
|
||||
- [Basic Example](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/basic)
|
||||
- [Multiple Decks](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/multiple)
|
||||
- [Syntax Highlighting](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/syntax-highlighting)
|
||||
- [Prism Syntax Highlighting](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/prism)
|
||||
- [Aspect Ratio](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/aspect-ratio)
|
||||
- [Layouts](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/layouts)
|
||||
- [Images](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/images)
|
||||
- [Appear](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/appear)
|
||||
- [Steps](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/steps)
|
||||
- [Head](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/head)
|
||||
- [Provider](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/provider)
|
||||
- [Themes](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/themes)
|
||||
- [Header & Footer](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/example/header-footer)
|
||||
|
||||
---
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user