Files
react-hooks-training/src/config.ts
Indrajith K L f05a472585 React Slides
* Adds useState
* State
* useEffect
* Side Effects
2024-02-05 04:15:02 +05:30

53 lines
1.3 KiB
TypeScript

import Markdown from 'reveal.js/plugin/markdown/markdown'
import Highlight from 'reveal.js/plugin/highlight/highlight'
import Math from 'reveal.js/plugin/math/math'
import Notes from 'reveal.js/plugin/notes/notes'
import { registerLanguages } from '@languages'
const options: Reveal.Options = {
// presentation size respecting aspect ratio
width: 960,
height: 700,
// content padding
margin: 0.04,
// smallest and largest possible scale
minScale: 0.2,
maxScale: 2.0,
// plugins
plugins: [Markdown, Highlight, Math.KaTeX, Notes],
// syntax highlight options
highlight: {
// add new languages
beforeHighlight: registerLanguages,
// disable automatic syntax highlighting
highlightOnLoad: false,
},
// slide controls
controls: true,
// slide progress bar
progress: true,
// slide transition
transition: 'slide',
// bring your own layout
disableLayout: false,
// display mode used to show slides
display: 'block',
// center slides on the screen
center: true,
// auto-animate duration
autoAnimateDuration: 1,
// auto-animate easing
autoAnimateEasing: 'ease',
// animate unmatched elements
autoAnimateUnmatched: true,
// hide cursor
hideInactiveCursor: true,
// time before cursor is hidden (ms)
hideCursorTime: 5000,
// show current slide
hash: true,
}
export default options