v0.2.5
Documentation
IntroductionGetting StartedSyntaxComponentsThemingPresentExamples
API
@mdxp/core
@mdxp/components
ComponentsExtractHeadLayoutsWrappers
@mdxp/rehypex-plugins

Extract Components

This page contains the documentation for all Extract Components that the @mdxp/components package has to offer.

This component allows you to set metadata of your presentation inside of your MDX file. It uses ReactDom.createPortal in order to insert your tags at runtime.

NOTE
You cannot use this component to overwrite existing tags like <title> if they already exist on the page, as valid HTML only allows for one such tag in the HTML head. If you need such behaviour, you can create your own extract component that uses eg. react-helmet, but as it is quite a big dependency, we decided to create this "dumber" version instead.

Properties

length
number
children
node

Examples

<Head>
<title>My Awesome Presentation</tite>
<meta name="description" content="This is my awesome web based presentation" />
<meta name="author" content="0phoff" />
<meta name="keywords" content="Presentations, Slides, Deck, React, Web, HTML, CSS, JavaScript" />
</Head>
# SLIDE 1
Content
---