Hello, in this ionic video tutorial, we're going to look at the radio button list CSS component. Very simple stuff. A radio button, lets the user select one option out of a set of options, or a list of websites, some other form of displaying on like a checkbox or a toggle button that allows you to turn them on and off independently of each other. This is dependent one of only one can be on at any given time. So it's a great way of providing the user with a choice but the choice can only one of the choices can be chosen. So it's almost like a path.
So to do very simple stuff, just put fire dash lift. You can use an unordered list and list items as well if you want to. In all fairness, a lot of pretty much everything in ionic, the CSS components are very flexible. Chances are if you're doing a video series or you're doing ionic content, take a moment to talk here a second, if you're doing this, you probably pretty well versed with web development. And as a result, you probably know a lot of web elements. I mean, like the elements elements, such as div on order list, image tags, that sort of stuff.
And when you're using ionic and if you see something like on dash list, and you see what it looks like, chances are, you can look at it and think, Oh, that looks like Well, I know the list and the IRA do so looks like a list item. And pretty much all the time. If you notice that and if you were to swap it over for what you would usually use your work pretty much the same. So that's actually worth doing. That's a great way of learning and seeing how they work and see seeing what lines up with everything else. So let's get back to it.
So what I was doing it Just putting a radio in here, and in here, I'm just gonna put one not very creative today. Copy and paste that one according to free Wi Fi point 14159. So just pi to five different places, save that build our project, run our project. So here we go, we've got our list. If I click on one of these, so click on to it, select it, but what happened if I click on free, D selects two and selects three. Same way, if I click on 3.14159, same if I click on one, if I keep clicking the same one, it's just essentially selected if they want again, so he just stays selected.
So that's it. For radio button lists very short tutorial because there's not much more to it. If you have any questions, feel free to post them on our education platform sonar learning.co.uk. There will be a link in the description. Alongside that there'll be another link to our GitHub page, which will have the source code from this video and the source code from every other video in the series. If you like the video, please give it a thumbs up hit that subscribe button and leave us a comment.
And as usual, thanks for watching and have a great day.