mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
48 lines
1.1 KiB
HTML
48 lines
1.1 KiB
HTML
<ion-navbar *navbar>
|
|
<ion-title>
|
|
Segment under Navbar
|
|
</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-toolbar>
|
|
<ion-segment [(ngModel)]="signInType">
|
|
<ion-segment-button value="new">
|
|
New
|
|
</ion-segment-button>
|
|
<ion-segment-button value="existing" class="e2eSegmentExistingSegment">
|
|
Existing
|
|
</ion-segment-button>
|
|
<ion-segment-button value="test">
|
|
Test
|
|
</ion-segment-button>
|
|
</ion-segment>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding>
|
|
|
|
<ion-row>
|
|
<ion-col>
|
|
<button type="button" block (click)="signInType='new'">New</button>
|
|
</ion-col>
|
|
<ion-col>
|
|
<button type="button" light block (click)="signInType='existing'">Existing</button>
|
|
</ion-col>
|
|
<ion-col>
|
|
<button type="button" dark block (click)="signInType='test'" class="e2eSegmentTestButton">Test</button>
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
<div [ngSwitch]="signInType">
|
|
<div *ngSwitchWhen="'existing'">
|
|
Signing up as an <b>Existing User</b>.
|
|
</div>
|
|
<div *ngSwitchWhen="'new'">
|
|
Signing up as a <b>New User</b>.
|
|
</div>
|
|
<div *ngSwitchWhen="'test'">
|
|
Signing up as a <b>Test User</b>.
|
|
</div>
|
|
</div>
|
|
|
|
</ion-content>
|