IONIC Section 4 - 4.5 IONIC Documentation Overview

Click here for more videos available on our youtube channel !

Hello everyone, Now that we have seen how to configure our project in non-Angular, we can ask ourselves the question of what Ionics components can we add? There are more than a hundred predefined ionic components and you will find them all in the official Ionic documentation. Now do not hesitate to browse the official documentation and to use them because it is impossible to learn them all by heart, you will learn them automatically using them, but use these docs when you create an application, do it, it's your reference, it's always up-to-date and it's generated directly from the source code and hence it's the place to be. So I remind here the official website "https://ionicframework.com". So we are in the doc part with the components, and we are heading to the "Buttons" category for example, you have some examples on the right on this smartphone: success, warning, danger so in relation to the colors, you have large type buttons with light medium and dark etc… And you have "Expand" which allows you to fill in the description of the component, whether for this one or for the others. So you can learn its role, its use, its general configuration methods, such as the configuration fill mode to clear the outline or to set the outline of the button. You have some examples of use with examples of different configuration codes, know that you have JavaScript and Angular versions which, for this code, don't differ of course and then you have a list of all the properties which is also generated from the source code and you can see what properties you can set as attributes on the element and what values you can pass for each attribute. We also have access to default events such as click or other, and this is the case for all components and this will become important later. When we get to styling, you can see what CSS properties you can run to control the appearance of your component. So there is a lot in this document, now we can use it and start creating our little budget plan, to do this, I invite you to follow the next video.