1
00:00:00,150 --> 00:00:06,420
In this part, we are going to create an input component which will replace these forms, which are

2
00:00:06,420 --> 00:00:08,120
going to be used to send a message.

3
00:00:08,160 --> 00:00:15,090
So for us, we are going to copy this form and we cut this and then we paste to the input component

4
00:00:15,480 --> 00:00:25,560
and then inside the input component, we are going to pass the message, that method and also to send

5
00:00:25,560 --> 00:00:33,900
message functions because we do not have these in this component, but we have this in the parent component.

6
00:00:34,980 --> 00:00:44,550
And then we add the cost name is equal to four and also the pattern as the cast name is equal to the

7
00:00:44,610 --> 00:00:54,210
send button, the input has a cast name is equal to input, and also has a placeholder which is equal

8
00:00:54,210 --> 00:00:55,620
to a type A method.

9
00:00:57,240 --> 00:01:02,200
Now we're back to that, Chad, and we are going to import this input component.

10
00:01:02,610 --> 00:01:12,990
So for us, we go to the top and then we import the input from the input and input component and then

11
00:01:12,990 --> 00:01:14,270
we go to the bottom.

12
00:01:14,520 --> 00:01:21,000
And then under the message, we produce the input component here and then we pass.

13
00:01:21,010 --> 00:01:23,310
The message is equal to the method.

14
00:01:23,700 --> 00:01:30,780
The message is equal to the same message and that message is equal to the same message.

15
00:01:30,810 --> 00:01:34,700
Now we can go to the website to see are there any errors?

16
00:01:35,840 --> 00:01:39,110
Now, we said this astronaut and go to the room free.

17
00:01:41,070 --> 00:01:50,630
Now we can see the message boards here and we try to type something now my name is John and we type

18
00:01:50,670 --> 00:01:54,060
hello and then them same message.

19
00:01:54,420 --> 00:01:56,870
Now the message pop up here.

20
00:01:56,880 --> 00:01:59,520
So all the functions still work.

21
00:01:59,700 --> 00:02:03,090
And now we are going to add some classes at this.

22
00:02:04,650 --> 00:02:16,020
So first, we are going to add the cross as a container and then be at another cross as container and

23
00:02:16,020 --> 00:02:21,470
now we capito's and pace under the input component.

24
00:02:22,410 --> 00:02:30,750
Now, we we will not do any excess tutorial here, so we just paste input SS here and then we save.

25
00:02:31,590 --> 00:02:35,730
And inside the input component, we have to import the USS.

26
00:02:41,840 --> 00:02:43,730
So we can save it and take a look.

27
00:02:44,680 --> 00:02:49,350
And now you kind of see the input boss already has its own success.

28
00:02:50,430 --> 00:02:57,830
Now, we also copy and paste these inside the folder and then we go to the chapel.

29
00:02:58,140 --> 00:02:58,580
Yes.

30
00:02:58,590 --> 00:03:05,410
And we also have to import the check the we save it.

31
00:03:05,640 --> 00:03:13,050
Now we can see the chapel is like this and they are a little bit weird and maybe will fix this in the

32
00:03:13,050 --> 00:03:13,890
next Natcher.