IONIC Section 4 - 4.8 Les catégories des components

Cliquez içi pour plus de vidéos disponibles sur notre chaine youtube !

Ionic propose un large catalogue de composants prêts à l'emploi. Pour bien les choisir et les organiser, il est utile de les ranger mentalement en trois catégories selon leur rôle dans l'interface.

Les composants de présentation (output)

Ce sont les composants dont le but premier est d'afficher une information à l'utilisateur. On y trouve par exemple ion-img, ion-badge, ion-label ou ion-title. Certains, comme ion-alert, permettent aussi une interaction, mais leur fonction principale reste l'affichage de contenu à l'écran.

Les composants de mise en page (layout)

Ces composants ne sont souvent pas visibles par eux-mêmes, mais leur effet l'est : ils servent à structurer et organiser le contenu. C'est le cas de ion-grid, ion-list, ion-tabs ou encore ion-card. Ils regroupent et ordonnent les autres éléments de manière cohérente.

Les composants de saisie (input)

Enfin, les composants d'entrée permettent à l'utilisateur d'interagir avec l'application : ion-button, ion-input, ion-textarea. Avec eux, l'utilisateur peut taper du texte, cocher une case ou appuyer sur un bouton.

Garder ces trois catégories en tête aide à concevoir des écrans clairs. Par exemple, lorsqu'un composant est trop large sur certains écrans, c'est un composant de mise en page comme ion-grid qui apportera la solution en redimensionnant proprement le contenu.