Add ssl instructions to example alerting plugin (#101529)

* Update documentation.tsx

* Update documentation.tsx

* Update documentation.tsx

* fix type issue

* Noticed a lack of a space in the screenshot

x-pack/examples/alerting_example/public/components/documentation.tsx

@@ -17,6 +17,7 @@ import {
   EuiPageHeader,
   EuiPageHeaderSection,
   EuiTitle,
+  EuiCallOut,
   EuiSpacer,
 } from '@elastic/eui';
 import { CreateAlert } from './create_alert';
@@ -49,6 +50,13 @@ export const DocumentationPage = (
             registration of example the RuleTypes, while the `public` handles creation of, and
             navigation for, these rule types.
           </p>
+          <EuiCallOut title="Transport Layer Security" iconType="alert" color="warning">
+            If you see a message about needing to enable the Transport Layer Security, start ES with{' '}
+            <code>yarn es snapshot --ssl --license trial</code> and Kibana with{' '}
+            <code>yarn start --run-examples --ssl</code>. If you running chrome on a mac, you may
+            need to type in <code>thisisunsafe</code> if you see the Certificate invalid screen with
+            no way to &lsquo;proceed anyway&rsquo;.
+          </EuiCallOut>
         </EuiText>
         <EuiSpacer />
         <CreateAlert {...deps} />