---
# Sidenav top-level section
# should be the same for all markdown files for each extension
section: extensions
# Sidenav secondary level section
# should be the same for all markdown files for each extension
id: Quick starts
# Tab
source: In-app-documentation
tabName: In-app documentation
propComponents: ['HelpTopicContainer']
sourceLink: https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/module/patternfly-docs/content/extensions/quick-starts/examples/help-topics.md
---

import { LoadingBox, HelpTopicContainer, HelpTopicContext } from '@patternfly/quickstarts';
import { helpTopics as exampleHelpTopics } from './example-data';
import '@patternfly/quickstarts/dist/quickstarts.css';

## In-app documentation examples

### Basic help topic
```js file="./HelpTopic.jsx"
```

### Fullscreen help topic
To view a fullscreen example, click the image below.
```js file="./HelpTopic.jsx" isFullscreen
```
