From 97f01f924a0a849386b75c76f7a404352ec127f8 Mon Sep 17 00:00:00 2001 From: eneller Date: Wed, 27 Nov 2024 22:37:29 +0100 Subject: [PATCH] add basic ui elements --- src/app/app.component.html | 351 +++---------------------------------- src/app/app.component.ts | 7 +- 2 files changed, 29 insertions(+), 329 deletions(-) diff --git a/src/app/app.component.html b/src/app/app.component.html index 36093e1..2811771 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,336 +1,31 @@ - - - - - - - - - -
-
-
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
+ + Two + Three + n + + + + Names + + + + + + + + Team1 + Team2 + Team3 +
- - - - - - - - - diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 988348f..a85df6c 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,9 +1,14 @@ import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; +import {MatButtonToggleModule} from '@angular/material/button-toggle'; +import {MatButtonModule} from '@angular/material/button'; +import {MatInputModule} from '@angular/material/input'; +import {MatFormFieldModule} from '@angular/material/form-field'; +import {MatListModule} from '@angular/material/list'; @Component({ selector: 'app-root', - imports: [RouterOutlet], + imports: [RouterOutlet, MatButtonToggleModule, MatButtonModule, MatInputModule, MatFormFieldModule, MatListModule], templateUrl: './app.component.html', styleUrl: './app.component.less' })