Composants Ionic

Tout comme React Native, Ionic propose des composants prêts à l'emploi pour créer des interfaces utilisateur.

Les plus populaires en React

Button

import { IonButton } from '@ionic/react';

const ButtonExample = () => (
  <IonButton>Click Me</IonButton>
);

Card

import { IonCard, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCardContent } from '@ionic/react';

const CardExample = () => (
  <IonCard>
    <IonCardHeader>
      <IonCardSubtitle>Card Subtitle</IonCardSubtitle>
      <IonCardTitle>Card Title</IonCardTitle>
    </IonCardHeader>

    <IonCardContent>
      Keep close to Nature's heart... and break clear away, once in awhile,
      and climb a mountain or spend a week in the woods. Wash your spirit clean.
    </IonCardContent>
  </IonCard>
);

Checkbox

import { IonCheckbox } from '@ionic/react';

const CheckboxExample  = () => (
  <IonCheckbox slot="start" />
);

Pour plus d'exemples, rendez-vous sur la documentation officielle.