Permalink
Browse files

add div to surround Appear tag children (#598)

* add div to surround Appear tag children

* update readme to reflect the usage of CodePane inside an Appear tag
  • Loading branch information...
ElreyB authored and ebrillhart committed Oct 5, 2018
1 parent 89c6ad9 commit c0aaee208093b51176112d32fd31c5c2586b29f4
Showing with 15 additions and 0 deletions.
  1. +15 −0 README.md
View
@@ -39,6 +39,7 @@ ReactJS based Presentation Library
- [Magic](#magic)
- [Element Tags](#element-tags)
- [Appear](#appear)
- [Anim](#anim)
- [BlockQuote, Quote and Cite (Base)](#blockquote-quote-and-cite-base)
- [CodePane (Base)](#codepane-base)
- [Code (Base)](#code-base)
@@ -626,6 +627,18 @@ This tag does not extend from Base. It's special. Wrapping elements in the appea
For best performance, wrap the contents of this tag in a native DOM element like a `<div>` or `<span>`.
_NOTE: When using `CodePane` tag inside an `Appear` tag you must wrap it inside a `<div>`_
```jsx
....
<Appear>
<div>
<CodePane source="CodePane" lang="js" />
</div>
<Appear>
....
```
| Name | PropType | Description | Default |
| ------------------ | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- |
| order | PropTypes.number | An optional integer starting at 1 for the presentation order of the Appear tags within a slide. If a slide contains ordered and unordered Appear tags, the unordered will show first. |
@@ -642,6 +655,8 @@ If you want extra flexibility with animated animation, you can use the Anim comp
For best performance, wrap the contents of this tag in a native DOM element like a `<div>` or `<span>`.
_NOTE: `CodePane` tag can not be used inside a `Anim` tag._
| Name | PropType | Description | Default |
| ------------------ | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- |
| order | PropTypes.number | An optional integer for the presentation order of the Appear tags within a slide. If a slide contains ordered and unordered Appear tags, the unordered will show first. | Starting at `1` |

0 comments on commit c0aaee2

Please sign in to comment.