So now that we are done with our head of component, it's time to move into a search component.
So let's just move into a qualitative.
And the next thing that will do is close off all the returns that we have at present and go to Abdul
Jewess and Clemento the search bar.
So we'll just comment it out.
And the next thing that will do is add our search bar right below that head of.
And now move to a search bar.
So we have a search bar.
So we see that is a better spelling error in our search bar.
So let's just read it first is.
I see it's sort of a.
And then again, it is a huge.
Search, but save now, they even need to change the spending in a component, so let's just go to it
and rename a component.
And it should be.
So it's OK.
So we assess fully in our company.
Now let's just move into a search bar to J6.
And the first thing as usual would be to import.
So we'll be importing our beer component because this time also we will be working with class component.
So let's just import your component from the model, which we had just done.
Now, apart from beer component will also be needing CCIs.
So let's just import access.
And there's going to be so much about notices.
OK, so now let's just create a component to this expert defaulted.
And the class of search bar.
And it should extend to people competent.
Now, as usual, it should have it in diameter.
And a written statement.
Now, in this case, we'll give with a developing container and the class name of such input.
And just place a closing tag of death.
OK, so on Saturday, we're going to have another day which is going to, in turn contain an input which
is going to have a placeholder.
So let's just read another day and close it now and said this day we're going to have input and give
it a class name of.
Input text.
And there's going to have a place holder of.
Search emoji.
OK, so and it should be a self-loathing input.
Now this is the start of it will be adding dynamics to it once we are finished with our Abdul GS, which
we had not till now.
So an RV just hit save and we are up again.
Let's just take a look at that app.
OK, then just refresh it.
OK, so here we are having a search emoji and but but it is not having any sort of CSF, so let's just
add CIUSSS into our application.
So for that purpose?
Open search about that's.
So here we are.
Here we are.
The first thing that will do is a target and search where it was searching for targets.
So, but let's just confirm it once more.
OK, let us search in Potosi search and but.
Now, interest in what we want, but the bottom of.
One big solid.
And we passed a Triple C..
Now let's just hit save and we're up again.
OK, so not much changes have been implemented, but do you see that?
OK, so it is.
It has been implemented now.
I'm certain board will also be getting input as well as such input such input.
And it should be give insight that they will be giving it a margin of.
Zero, 10 pictures, then pictures and then again, 10 pixels, top left, bottom right.
And again, together, input such input and.
Input this time.
No, let's just give it serious of the bottom of four boxes and about and what about I will give it
a bottle.
When pixel solid and then again, the class of hashtag Triple B this time and bottom what will do at
a box sizing of the box?
And roadblocks implemented, we good appointees of aging because now will give it a parting of 10 and
eight pixels.
Then pixels and pixels and a of hundred percent because they wanted to contain all of that.
Now let's say, and let's viewer up again.
So something seems to be not working.
So let's figure out what it is, so much input.
Everything is fine.
OK, we haven't saved a search bar.
So let's just save it.
And let's veer off again.
OK, so here we see all of this is being applied, so here we have a search bar.
But it is not going to do anything at this point in time.
We have to add functionality to it.
So let's move ahead.