mirror of
https://github.com/jxnblk/mdx-deck.git
synced 2024-09-17 09:57:23 +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.heading`: heading font family
|
||||||
- `fonts.monospace`: font family for `<pre>` and `<code>`
|
- `fonts.monospace`: font family for `<pre>` and `<code>`
|
||||||
- `text.heading`: styles for all headings
|
- `text.heading`: styles for all headings
|
||||||
|
- `styles`: Theme UI styles for MDX elements
|
||||||
- `styles.Slide`: styles for the wrapping Slide component
|
- `styles.Slide`: styles for the wrapping Slide component
|
||||||
- `styles.Header`: styles for the Header component
|
- `styles.Header`: styles for the Header component
|
||||||
- `styles.Footer`: styles for the Footer component
|
- `styles.Footer`: styles for the Footer component
|
||||||
|
@ -1,4 +1,3 @@
|
|||||||
import { Head } from 'mdx-deck'
|
|
||||||
|
|
||||||
<Head>
|
<Head>
|
||||||
<title>Hello</title>
|
<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!
|
# Hello!
|
||||||
|
|
||||||
|
@ -1,4 +1,3 @@
|
|||||||
import { Appear } from 'mdx-deck'
|
|
||||||
|
|
||||||
# Hello!
|
# Hello!
|
||||||
|
|
||||||
@ -6,21 +5,21 @@ import { Appear } from 'mdx-deck'
|
|||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>One</li>
|
<li>One</li>
|
||||||
<Appear>
|
<Steps>
|
||||||
<li>Two</li>
|
<li>Two</li>
|
||||||
<li>Three</li>
|
<li>Three</li>
|
||||||
<li>Four</li>
|
<li>Four</li>
|
||||||
</Appear>
|
</Steps>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## One
|
## One
|
||||||
|
|
||||||
<Appear>
|
<Steps>
|
||||||
|
|
||||||
## Two
|
## Two
|
||||||
## Three
|
## Three
|
||||||
|
|
||||||
</Appear>
|
</Steps>
|
||||||
|
|
@ -1,9 +1,9 @@
|
|||||||
import { future, highlight } from 'mdx-deck/themes'
|
import { future, highlight } from '@mdx-deck/themes'
|
||||||
|
|
||||||
export const themes = [
|
export const theme = {
|
||||||
future,
|
...future,
|
||||||
highlight
|
...highlight
|
||||||
]
|
}
|
||||||
|
|
||||||
# Hello!
|
# Hello!
|
||||||
|
|
||||||
|
@ -1,4 +1,5 @@
|
|||||||
import { ThemeName } from './theme'
|
import { ThemeName } from './theme'
|
||||||
|
|
||||||
export { theme } from './theme'
|
export { theme } from './theme'
|
||||||
|
|
||||||
# Hello <ThemeName />!
|
# Hello <ThemeName />!
|
||||||
|
@ -232,16 +232,10 @@ See how others have used MDX Deck for their presentations.
|
|||||||
The following examples will open in CodeSandbox.
|
The following examples will open in CodeSandbox.
|
||||||
|
|
||||||
- [Basic Example](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/basic)
|
- [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)
|
- [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)
|
- [Steps](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/steps)
|
||||||
- [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)
|
|
||||||
- [Head](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/head)
|
- [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)
|
- [Header & Footer](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/example/header-footer)
|
||||||
- [Themes](https://codesandbox.io/s/github/jxnblk/mdx-deck/tree/master/examples/themes)
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user