Documentation

The presentations used to be swipable horizontally but we recently enhanced this. We are going to introduce the ability to swipe vertically and also developed a new mode we called papyrus which basically transform a presentation into a "landing page".

These options can be set on the deckgo-deck main component with the properties direction and directionMobile (respectivelly direction-mobile if used as HTML attribute).

Both option can be set as horizontal, vertical or papyrus.

Direction default is horizontal.
Direction-mobile default is papyrus.

These options are not yet documented and therefore a new dedicated page should be added to our docs.

https://docs.deckdeckgo.com/deck/direction

What do do

To add a new page, the transition, renamed in master as "animation" documentation example can be followed.

1. Add a new TSX component app-direction (see app-animation source as example). The render content does not matter as it will be parsed at build time aka will be overwrite later with the related markdown file.

2. Add a new route in app-root

3. Create the documentation in markdown. The animation example can be followed.

Note that there is no live reload to parse the mardkow to JSX.

Get starter

git clone https://github.com/deckgo/deckdeckgo
cd deckdeckgo/docs
npm i
npm run start

Get Started

If you need help to get started with this feature, I'll be happy to help.

Ping me: @peterpeterparker | twitter | email | slack