Skip to content

Instantly share code, notes, and snippets.

Avatar
💻
Coding or Sleeping

Lukas Reiner lreiner

💻
Coding or Sleeping
View GitHub Profile
View tabs.html
<ion-tabs>
<ion-tab tabIcon="md-flame" [root]="tab1"></ion-tab>
<ion-tab tabIcon="md-search" [root]="tab2"></ion-tab>
<ion-tab tabIcon="md-add" [root]="tab3" class="custom-tab"></ion-tab>
<ion-tab tabIcon="md-notifications-outline" [root]="tab4" tabBadge="3"></ion-tab>
<ion-tab tabIcon="custom-profile" [root]="tab5"></ion-tab>
</ion-tabs>
View tabs.css
page-tabs {
.tabs .tabbar {
background: #121212;
width: 90% !important;
max-width: 400px !important;
border-radius: 30px;
margin: 0px 0px 20px 5% !important;
max-height: 56px;
height: 56px;
}
@lreiner
lreiner / tabs.ts
Created Mar 28, 2020
Medium - Ionic 3 Tabs Tutorial tabs.ts
View tabs.ts
import { Component } from '@angular/core';
import { ProfilePage } from '../profile/profile';
import { ExplorePage } from '../explore/explore';
import { SearchPage } from '../search/search';
import { QuestionsPage } from '../questions/questions';
import { NotificationsPage } from '../notifications/notifications';
@Component({
selector: 'page-tabs',
@lreiner
lreiner / init.coffee
Last active Feb 22, 2018
Atom beautiful UI/Syntax Themes, Packages & Settings
View init.coffee
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->