---
description: MDX component with instructions for how to add export components
labels: ['docs', 'instructions']
---

## Exporting Components Instructions

Renders an MDX page with instructions on how to add export components

### Component usage

```js
import { ExportingComponents } from '@teambit/component/instructions/exporting-components';

...
<ExportingComponents />
...
```

### Themed usage

For styling and syntax highlighting this can be wrapped in the MDXLayout Component and Theme Provider.

```js
import { ThemeContext } from '@teambit/documenter.theme.theme-context';
import { MDXLayout } from '@teambit/mdx.ui.mdx-layout';
import { ExportingComponents } from '@teambit/component.instructions.exporting-components';

...
<ThemeContext>
  <MDXLayout>
    <ExportingComponents />
  </MDXLayout>
</ThemeContext>
...
```