# Sign-in widget in an Angular 18 application with standalone components and no app.modules.ts **URL:** \ **Category:** Questions\ **Tags:** widget, angular\ **Created:** [July 17, 2024, 1:00pm UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416 "2024-07-17T13:00:21Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![mark1](https://avatars.discourse-cdn.com/v4/letter/m/e0b2c6/32.png) [@mark1](https://devforum.okta.com/u/mark1)\ **Post date:** [July 17, 2024, 1:00pm UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/1 "2024-07-17T13:00:21Z")
Is there an example of how to use the sign-in widget in a more recent version of angular without app.module.ts/@NgModule? ---
**Author:** ![mark1](https://avatars.discourse-cdn.com/v4/letter/m/e0b2c6/32.png) [@mark1](https://devforum.okta.com/u/mark1)\ **Post date:** [July 22, 2024, 12:19pm UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/2 "2024-07-22T12:19:17Z")
I have found working examples of how to use the sign-in widget with older versions of Angular, but I cannot find an example of how to get the the sign-in widget to work in Angular 17 or 18 with standalone components. Is there an example of using the sign-in widget with new versions of Angular? ---
**Author:** ![piyusha](https://avatars.discourse-cdn.com/v4/letter/p/91b2a8/32.png) [@piyusha](https://devforum.okta.com/u/piyusha)\ **Post date:** [July 22, 2024, 6:54pm UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/3 "2024-07-22T18:54:35Z")
Hi Mark! This repo uses standalone components with Okta-hosted in v17. It could serve as a useful starting point for you - [GitHub - oktadev/okta-angular-standalone-runtime-config-example: Use Okta Angular SDK for runtime configuration loading in standalone Angular applications](https://github.com/oktadev/okta-angular-standalone-runtime-config-example) ---
**Author:** ![mark1](https://avatars.discourse-cdn.com/v4/letter/m/e0b2c6/32.png) [@mark1](https://devforum.okta.com/u/mark1)\ **Post date:** [July 22, 2024, 7:10pm UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/4 "2024-07-22T19:10:01Z")
Hi Piyusha! Thanks for the reply. I did see that example and it was a big help with the AuthGuard and the Interceptor. But, unless I’m overlooking something, it doesn’t include any code for custom login pages or the widget. ---
**Author:** ![mark1](https://avatars.discourse-cdn.com/v4/letter/m/e0b2c6/32.png) [@mark1](https://devforum.okta.com/u/mark1)\ **Post date:** [July 23, 2024, 2:08pm UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/5 "2024-07-23T14:08:18Z")
If there’s no widget example available for angular 17/18, can you point me to a how-to article? ---
**Author:** ![mark1](https://avatars.discourse-cdn.com/v4/letter/m/e0b2c6/32.png) [@mark1](https://devforum.okta.com/u/mark1)\ **Post date:** [July 25, 2024, 11:43am UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/6 "2024-07-25T11:43:29Z")
Can give me a quick explanation of how I can add a custom login page using the widget to the example that you linked above? ---
**Author:** ![mark1](https://avatars.discourse-cdn.com/v4/letter/m/e0b2c6/32.png) [@mark1](https://devforum.okta.com/u/mark1)\ **Post date:** [July 30, 2024, 11:36am UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/7 "2024-07-30T11:36:45Z")
I’m still looking for a working example of a custom login page for Angular 18. ---
**Author:** ![mark1](https://avatars.discourse-cdn.com/v4/letter/m/e0b2c6/32.png) [@mark1](https://devforum.okta.com/u/mark1)\ **Post date:** [August 14, 2024, 3:23pm UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/8 "2024-08-14T15:23:22Z")
I’m still looking for a working example of a custom login page for Angular 18. ---
**Author:** ![andrea](https://sea1.discourse-cdn.com/oktadev/user_avatar/devforum.okta.com/andrea/32/2172_2.png) [@andrea](https://devforum.okta.com/u/andrea)\ **Post date:** [January 8, 2025, 5:40pm UTC](https://devforum.okta.com/t/sign-in-widget-in-an-angular-18-application-with-standalone-components-and-no-app-modules-ts/29416/9 "2025-01-08T17:40:59Z")
@mark1 (or anyone else who stumbles across this thread later), you may want to check out [this sample app](https://github.com/okta-samples/okta-angular-sample/tree/widget), which uses standalone architecture with Angular v19.