---
# 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
propComponents: ['HelpTopicContainer']
---

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

## In-app documentation

### Basic Example
```js file="./HelpTopic.jsx"
```

### Basic Example Fullscreen
```js file="./HelpTopic.jsx" isFullscreen
```
