Bouton Retour | ion-back-button : icône de menu personnalisée pour les applications

Bouton Retour | ion-back-button : icône de menu personnalisée pour les applications


import { Component, h } from ‘@stencil/core’ ;

@Composant({
tag : ‘exemple-de-bouton-retour’,
styleUrl : ‘exemple-bouton-retour.css’
†
classe d’exportation BackButtonExample {
rendu() {
const buttonText = « Personnalisé » ;
const buttonIcon = « ajouter » ;

retourner [

<ion-header>
<ion-toolbar>
<ion-buttons slot= »start »>
<ion-back-button></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>,

<ion-header>
<ion-toolbar>
<ion-buttons slot= »start »>
<ion-back-button defaultHref= »home »></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>,

<ion-header>
<ion-toolbar>
<ion-buttons slot= »start »>
<ion-back-button
text={buttonText}
icon={buttonIcon}>
</ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>,

<ion-header>
<ion-toolbar>
<ion-buttons slot= »start »>
<ion-back-button text= » » icon= »add »></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>,

<ion-header>
<ion-toolbar>
<ion-buttons slot= »start »>
<ion-menu-button></ion-menu-button>
<ion-back-button color= »danger »></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
]†
†
†
copie