1 00:00:00,510 --> 00:00:04,770 So now that we are done with our head of component, it's time to move into a search component. 2 00:00:05,130 --> 00:00:07,230 So let's just move into a qualitative. 3 00:00:13,960 --> 00:00:20,260 And the next thing that will do is close off all the returns that we have at present and go to Abdul 4 00:00:20,260 --> 00:00:24,310 Jewess and Clemento the search bar. 5 00:00:25,480 --> 00:00:27,070 So we'll just comment it out. 6 00:00:29,100 --> 00:00:33,030 And the next thing that will do is add our search bar right below that head of. 7 00:00:40,300 --> 00:00:41,620 And now move to a search bar. 8 00:00:44,280 --> 00:00:45,450 So we have a search bar. 9 00:01:01,510 --> 00:01:04,840 So we see that is a better spelling error in our search bar. 10 00:01:04,870 --> 00:01:07,270 So let's just read it first is. 11 00:01:08,920 --> 00:01:10,150 I see it's sort of a. 12 00:01:12,650 --> 00:01:15,650 And then again, it is a huge. 13 00:01:17,130 --> 00:01:24,900 Search, but save now, they even need to change the spending in a component, so let's just go to it 14 00:01:24,900 --> 00:01:26,130 and rename a component. 15 00:01:27,610 --> 00:01:28,600 And it should be. 16 00:01:32,040 --> 00:01:32,940 So it's OK. 17 00:01:35,000 --> 00:01:36,920 So we assess fully in our company. 18 00:01:36,990 --> 00:01:39,590 Now let's just move into a search bar to J6. 19 00:01:40,960 --> 00:01:43,960 And the first thing as usual would be to import. 20 00:01:44,350 --> 00:01:49,510 So we'll be importing our beer component because this time also we will be working with class component. 21 00:01:49,840 --> 00:01:53,860 So let's just import your component from the model, which we had just done. 22 00:01:54,290 --> 00:01:58,060 Now, apart from beer component will also be needing CCIs. 23 00:01:58,750 --> 00:02:00,610 So let's just import access. 24 00:02:02,380 --> 00:02:04,460 And there's going to be so much about notices. 25 00:02:04,480 --> 00:02:07,840 OK, so now let's just create a component to this expert defaulted. 26 00:02:12,970 --> 00:02:15,190 And the class of search bar. 27 00:02:20,990 --> 00:02:24,320 And it should extend to people competent. 28 00:02:28,700 --> 00:02:30,740 Now, as usual, it should have it in diameter. 29 00:02:32,770 --> 00:02:34,000 And a written statement. 30 00:02:36,970 --> 00:02:44,260 Now, in this case, we'll give with a developing container and the class name of such input. 31 00:02:49,530 --> 00:02:54,210 And just place a closing tag of death. 32 00:02:55,990 --> 00:03:01,300 OK, so on Saturday, we're going to have another day which is going to, in turn contain an input which 33 00:03:01,300 --> 00:03:02,470 is going to have a placeholder. 34 00:03:02,470 --> 00:03:10,000 So let's just read another day and close it now and said this day we're going to have input and give 35 00:03:10,000 --> 00:03:11,350 it a class name of. 36 00:03:14,350 --> 00:03:16,720 Input text. 37 00:03:18,210 --> 00:03:21,360 And there's going to have a place holder of. 38 00:03:25,610 --> 00:03:26,800 Search emoji. 39 00:03:27,770 --> 00:03:30,650 OK, so and it should be a self-loathing input. 40 00:03:31,070 --> 00:03:37,190 Now this is the start of it will be adding dynamics to it once we are finished with our Abdul GS, which 41 00:03:37,190 --> 00:03:38,240 we had not till now. 42 00:03:38,480 --> 00:03:40,550 So an RV just hit save and we are up again. 43 00:03:41,780 --> 00:03:43,070 Let's just take a look at that app. 44 00:03:44,500 --> 00:03:46,010 OK, then just refresh it. 45 00:03:46,060 --> 00:03:53,320 OK, so here we are having a search emoji and but but it is not having any sort of CSF, so let's just 46 00:03:53,320 --> 00:03:55,250 add CIUSSS into our application. 47 00:03:55,270 --> 00:03:56,350 So for that purpose? 48 00:03:57,100 --> 00:03:58,540 Open search about that's. 49 00:04:02,490 --> 00:04:03,210 So here we are. 50 00:04:03,410 --> 00:04:03,960 Here we are. 51 00:04:04,620 --> 00:04:10,050 The first thing that will do is a target and search where it was searching for targets. 52 00:04:11,920 --> 00:04:15,760 So, but let's just confirm it once more. 53 00:04:16,360 --> 00:04:20,620 OK, let us search in Potosi search and but. 54 00:04:22,510 --> 00:04:25,540 Now, interest in what we want, but the bottom of. 55 00:04:28,110 --> 00:04:28,990 One big solid. 56 00:04:32,300 --> 00:04:34,760 And we passed a Triple C.. 57 00:04:35,750 --> 00:04:37,760 Now let's just hit save and we're up again. 58 00:04:40,660 --> 00:04:43,420 OK, so not much changes have been implemented, but do you see that? 59 00:04:43,840 --> 00:04:45,040 OK, so it is. 60 00:04:45,250 --> 00:04:47,110 It has been implemented now. 61 00:04:47,310 --> 00:04:54,220 I'm certain board will also be getting input as well as such input such input. 62 00:04:54,670 --> 00:04:59,980 And it should be give insight that they will be giving it a margin of. 63 00:05:04,170 --> 00:05:12,510 Zero, 10 pictures, then pictures and then again, 10 pixels, top left, bottom right. 64 00:05:15,790 --> 00:05:20,590 And again, together, input such input and. 65 00:05:21,860 --> 00:05:23,850 Input this time. 66 00:05:25,350 --> 00:05:34,530 No, let's just give it serious of the bottom of four boxes and about and what about I will give it 67 00:05:34,530 --> 00:05:35,290 a bottle. 68 00:05:38,210 --> 00:05:47,480 When pixel solid and then again, the class of hashtag Triple B this time and bottom what will do at 69 00:05:47,480 --> 00:05:49,490 a box sizing of the box? 70 00:05:51,650 --> 00:06:01,280 And roadblocks implemented, we good appointees of aging because now will give it a parting of 10 and 71 00:06:01,280 --> 00:06:01,940 eight pixels. 72 00:06:07,940 --> 00:06:17,600 Then pixels and pixels and a of hundred percent because they wanted to contain all of that. 73 00:06:18,050 --> 00:06:20,240 Now let's say, and let's viewer up again. 74 00:06:32,110 --> 00:06:34,270 So something seems to be not working. 75 00:06:34,810 --> 00:06:37,960 So let's figure out what it is, so much input. 76 00:06:39,020 --> 00:06:39,950 Everything is fine. 77 00:06:40,070 --> 00:06:42,590 OK, we haven't saved a search bar. 78 00:06:42,620 --> 00:06:43,760 So let's just save it. 79 00:06:44,910 --> 00:06:46,050 And let's veer off again. 80 00:06:46,530 --> 00:06:54,210 OK, so here we see all of this is being applied, so here we have a search bar. 81 00:06:54,510 --> 00:06:57,040 But it is not going to do anything at this point in time. 82 00:06:57,040 --> 00:06:59,070 We have to add functionality to it. 83 00:06:59,460 --> 00:07:01,470 So let's move ahead.