spellcheck

Author: CooperRedhat

packages/module/patternfly-docs/content/extensions/quick-starts/examples/about.md

@@ -9,7 +9,7 @@ id: Quick Starts
 source: about
 ---
 # About
-The **@patternfly/quickstarts** extension is made up of two parts: `Quick starts` and `In App Documenation` product documentation tools.
+The **@patternfly/quickstarts** extension is made up of two parts: `Quick starts` and `In App Documentation` product documentation tools.
 
 ## Full live demo application
 A live demo of **Quick starts and In App Documentation** can be found [here](https://quickstarts.netlify.app/), or view the [demo code](https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/dev).
@@ -28,9 +28,9 @@ For more detailed design guidelines and visuals see [here.](/extensions/quick-st
 ### Quick start format
 
 #### For developers
-A detailed breakdown of the quickstart format in code can be seen [here](https://github.com/patternfly/patternfly-quickstarts/blob/main/packages/module/src/utils/quick-start-types.ts).
+A detailed breakdown of the Quick start format in code can be seen [here](https://github.com/patternfly/patternfly-quickstarts/blob/main/packages/module/src/utils/quick-start-types.ts).
 
-Quickly preview a [basic exmaple](/extensions/quick-starts/Basic-Quick-Starts), and remember there is a [live demo](https://quickstarts.netlify.app/) with [full demo code](https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/dev).
+Quickly preview a [basic example](/extensions/quick-starts/Basic-Quick-Starts), and remember there is a [live demo](https://quickstarts.netlify.app/) with [full demo code](https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/dev).
 
 #### For content authors
 Quick starts can be written in `yaml` with markdown support, `asciidoc`, or just `json`. For examples of each of these formats see [here](https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/dev/src/quickstarts-data)
@@ -46,11 +46,11 @@ const { setActiveQuickStart } = React.useContext<QuickStartContextValues>(
 ```
 
 #### Quick start catalog
-By providing a set of quickstarts to the `QuickStartContainer`, a full page catalog view will be generated. Clicking on a catalog card will open its respective `Quick start` in the side panel. 
+By providing a set of quick starts to the `QuickStartContainer`, a full page catalog view will be generated. Clicking on a catalog card will open its respective `Quick start` in the side panel. 
 
 <img src="./img/catalog.png" alt="Quick start catalog" width="1680"/>
 
-## In App Documenation
+## In App Documentation
 In App Documentation is used to provide definitions for a set of topics relevant to your product. A single unit of In App Documentation can be called a `HelpTopic`, which is also the name used in code. `HelpTopic`'s essential sections are a **content** section that contains a definition of the term or topic, and an optional list of **links** to provide the user with other relevant information.
 
 `HelpTopics` are displayed in a side panel just like `Quick starts`:
@@ -62,7 +62,7 @@ In App Documentation is used to provide definitions for a set of topics relevant
 #### For developers
 A detailed breakdown of the `HelpTopic` format in code can be seen [here](https://github.com/patternfly/patternfly-quickstarts/blob/main/packages/module/src/utils/help-topic-types.ts).
 
-Quickly preview a [basic exmaple](/extensions/quick-starts/In-App-Documentation), and remember there is a [live demo](https://quickstarts.netlify.app/in-context-help) with [full demo code](https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/dev).
+Quickly preview a [basic example](/extensions/quick-starts/In-App-Documentation), and remember there is a [live demo](https://quickstarts.netlify.app/in-context-help) with [full demo code](https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/dev).
 
 #### For content authors
 HelpTopics are written in `yaml` with markdown support. An example can be seen [here](https://github.com/patternfly/patternfly-quickstarts/blob/main/packages/dev/src/quickstarts-data/yaml/in-context-help/example-topics.yaml)
@@ -74,4 +74,4 @@ Open the side panel by calling `setActiveHelpTopicByName` (available from `HelpT
 const { setActiveHelpTopicByName } = React.useContext<HelpTopicContextValues>(HelpTopicContext);
 ```
 
-Close it by calling `setActiveHelpTopicByName` with an empty string. There is no prebuilt `HelpTopic` catalog. simply attach a handler with `setActiveHelpTopicByName` to the appropriate DOM element. See the [basic exmaple](/extensions/quick-starts/In-App-Documentation), or [live demo code](https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/dev) for more details.
+Close it by calling `setActiveHelpTopicByName` with an empty string. There is no prebuilt `HelpTopic` catalog. simply attach a handler with `setActiveHelpTopicByName` to the appropriate DOM element. See the [basic example](/extensions/quick-starts/In-App-Documentation), or [live demo code](https://github.com/patternfly/patternfly-quickstarts/tree/main/packages/dev) for more details.

packages/module/patternfly-docs/content/extensions/quick-starts/examples/basic.md

@@ -8,7 +8,7 @@ id: Quick Starts
 # Tab (react | react-demos | html | html-demos | design-guidelines | accessibility)
 source: Basic-Quick-Starts
 # If you use typescript, the name of the interface to display props for
-# These are found through the sourceProps function provdided in patternfly-docs.source.js
+# These are found through the sourceProps function provided in patternfly-docs.source.js
 propComponents: ['QuickStartContainer']
 ---