> For the complete documentation index, see [llms.txt](https://ng-girls.gitbook.io/todo-list-tutorial/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/a-new-component/stackblitz.md).

# a. StackBlitz instructions

We'll use the Angular Generator to create a new component.

Right click on the `app` folder and select **Angular Generator**, then select **Component**.

![StackBlitz Angular Generator](/files/T671ZTiV6FBPNSghZAlN)

A small text input box displays at the top of the middle editor pane. Type `input-button-unit` to create the component.

![Input component name](/files/-Libq5730bL3KTwp1Wkd)

You now have a new component!

Now we'll manually move the HTML to make this component use inline templates. We'll repeat what we did in the [#3: 📐 Component chapter](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/component#inline-template).

Copy all the code from the `input-button-unit.html`. In the `input-button-unit.component.ts` file, change `templateUrl` to `template`, and paste the HTML code between **backticks**.

You may delete the `input-button-unit.html` file.

Press the **Save** button on the toolbar to save your work.

Return to the previous page to [continue the tutorial](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/a-new-component/).