Hello, in this ionic programming video, we're going to look at the checkbox. css component checkbox is a element that allows you to just toggle it on or off. So it's binary one or zero. So it's a great way. If for example, you have some Tory login form, and you have the option for the user to stay signed in, or stay signed in for 30 days, remove the password, something along those lines, you will use a checkbox to it you would ever want it to happen or not to happen. So let's go we actually I can get rid of this.

This is from a previous tutorial. So I've already just got a header that's just to say what we're actually coding definitely be handled there. But this is relevant the colors because we'll be showing you some of the different checkbox colors that you can have. So what we're going to use is an ion list. You can use a regular or unordered list or a ordered list? Oh yes.

And a list item board is going to use the ion list and the ion checkbox item on the share box and the model actually don't need that. Don't need that we're nowhere near models yet. So what we're going to do if I can, I'm gonna add a classroom first one, first one, I'm just going to say hello. Now I'm going to copy and paste this. All five different ones. Obviously, see there's more than five different colors.

The first one, I'm just going to leave it as the default color. And in class, you put checkbox dash, whatever color you want, I'm gonna have calm. I'm actually gonna copy and paste this. So Same time writing I now just change this to dark balance and the final one I fancy doing light night. I'm actually going to change this to calm you know where my mouth keeps going today balanced dog and finally, like save that bad boy build our project run our project in the simulator so here we go we've got our checkboxes as you Where is the first one I think the first one has gone underneath TLS obviously not good. That's not what we wanted at all.

So we're going to do a custom class mean, I'm going to add a class to add an ID. So ID equals one, it's going to call it customer ID very original D'Aleo tag. Class of custom ID is all over the place today. so harsh customer ID, and it's gonna have a margin, talk on social, get the job done. build our project. Now, let's rerun it.

So where is the first one? Well, the first one. Come on now it will. So I'm actually just going to delete this. I don't know what the hell is happening. Because the first checkbox is not a payment.

Save that. We build our project. We run it. So see now I can't figure out why that would happen after we look at a we see in my own time, so yeah, here we go. We've got the default checkbox, which is blue got the column checkbox, which is a whole light blue. We've got the green check box, I mean, the battleship box, the green color galaxy, even the outlaw is the same color as the filled in color, which is fantastic, dark light.

Obviously, these are independent of each other. So that's it for checkboxes. See you have any questions, feel free to post them on our education platform. So no learning Dakota, UK, there'll be a link in the description. Alongside that there'll be a link to the source code from this video and the source code from all the videos in this series. For that video, please leave a thumbs up hit that subscribe button and leave us a comment and as usual and fortune and have a great day