SHARE
TWEET

Untitled

a guest Apr 26th, 2019 57 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <IonApp>
  2.           <IonSplitPane contentId="main">
  3.             <IonMenu contentId="main">
  4.               <IonHeader>
  5.                 <IonToolbar>
  6.                   <IonTitle>Rooms</IonTitle>
  7.                 </IonToolbar>
  8.               </IonHeader>
  9.               <IonContent>
  10.                 <IonList>
  11.                   <IonItem
  12.                     button={true}
  13.                     lines="full"
  14.                     color="dark">
  15.                     <IonLabel>Room1</IonLabel>
  16.                   </IonItem>
  17.                 </IonList>
  18.               </IonContent>
  19.             </IonMenu>
  20.  
  21.             <IonPage id="main">
  22.               <IonHeader>
  23.                 <IonToolbar color="primary">
  24.                   <IonButtons slot="start">
  25.                     <IonMenuButton />
  26.                   </IonButtons>
  27.                   <IonTitle>R-chat</IonTitle>
  28.                   <IonButtons slot="end">
  29.                     <IonButton icon-only onClick={this.presentPopover}>
  30.                       <IonIcon slot="icon-only" name="more" />
  31.                     </IonButton>
  32.                   </IonButtons>
  33.                 </IonToolbar>
  34.               </IonHeader>
  35.  
  36.               <IonContent>
  37.                 <IonGrid style={{ height: "100%" }}>
  38.                   <IonRow
  39.                     className="ion-justify-content-center ion-align-items-center"
  40.                     style={{ height: "100%" }}
  41.                   >
  42.                     <div>
  43.                       <IonButton
  44.                         color="tertiary"
  45.                       >
  46.                         Login Here
  47.                       </IonButton>
  48.                     </div>
  49.                   </IonRow>
  50.                 </IonGrid>
  51.               </IonContent>
  52.  
  53.               <IonFooter>
  54.                 <IonToolbar color="dark">
  55.                   <IonTextarea rows="1" placeholder="Type a message" />
  56.                 </IonToolbar>
  57.               </IonFooter>
  58.             </IonPage>
  59.           </IonSplitPane>
  60.           <IonAlert
  61.             isOpen={this.state.showAlert}
  62.             backdropDismiss={false}
  63.             header={"Username"}
  64.             inputs={[
  65.               {
  66.                 name: "username",
  67.                 type: "text",
  68.                 placeholder: "Enter a Username"
  69.               }
  70.             ]}
  71.           />
  72.         </IonApp>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top