diff --git a/src/_includes/content/sign-in-alert-examples.md b/src/_includes/content/sign-in-alert-examples.md
index 18b434a5b..884c5c5c5 100644
--- a/src/_includes/content/sign-in-alert-examples.md
+++ b/src/_includes/content/sign-in-alert-examples.md
@@ -1,14 +1,17 @@
 ### Required sign-in (verified)
-{% include component-example.html alt="An example of a sign-in alert for all products that require sign-in with a verified account." file="/images/components/alert-sign-in/required-sign-in-verified.png" caption="An example of a sign-in alert for all products that require sign-in with a verified account" reverse=true %}
+{% include storybook-preview.html story="components-va-alert-sign-in--required-sign-in-verified" link_text="va-alert required sign in verified" height="335px" %}
 
 ### Optional sign-in (verified)
-{% include component-example.html alt="An example of a sign-in alert for forms that support optional sign-in with a verified account." file="/images/components/alert-sign-in/optional-sign-in-verified.png" caption="An example of a sign-in alert for forms that support optional sign-in with a verified account." reverse=true %}
+{% include storybook-preview.html story="components-va-alert-sign-in--optional-sign-in-verified" link_text="va-alert optional sign in verified" height="420px" %}
 
 ### Verify with ID.me
-{% include component-example.html alt="An example of a sign-in alert for unverified ID.me accounts" file="/images/components/alert-sign-in/verify-with-idme.png" caption="An example of a sign-in alert for unverified ID.me accounts" reverse=true %}
+See the [ID.me brand assets](https://developers.id.me/brand-assets) for buttons and branding guidelines.
+{% include storybook-preview.html story="components-va-alert-sign-in--verify-with-id-me" link_text="va-alert verify with id me" height="300px" %}
 
 ### Verify with Login.gov
-{% include component-example.html alt="An example of a sign-in alert for unverified Login.gov accounts." file="/images/components/alert-sign-in/verify-with-logingov.png" caption="An example of a sign-in alert for unverified Login.gov accounts." reverse=true %}
+See the [Login.gov brand assets](https://developers.login.gov/user-experience/sign-in-sign-out/#design-your-applications-sign-in-and-sign-out-buttons) for buttons and branding guidelines.
+{% include storybook-preview.html story="components-va-alert-sign-in--verify-with-login-gov" link_text="va-alert verify with login gov" height="300px" %}
 
 ### Sign in with a different account
-{% include component-example.html alt="An example of a sign-in alert for unverified My HealtheVet accounts." file="/images/components/alert-sign-in/sign-in-with-a-different-account.png" caption="An example of a sign-in alert for unverified My HealtheVet accounts." reverse=true %}
+See the [Login.gov](https://developers.login.gov/user-experience/sign-in-sign-out/#design-your-applications-sign-in-and-sign-out-buttons) and [ID.me](https://developers.id.me/brand-assets) brand assets for buttons and branding guidelines.
+{% include storybook-preview.html story="components-va-alert-sign-in--sign-in-with-another-account" link_text="va-alert sign in with another-account" height="410px" %}