htmlcssionic3
How to add a dot on tab icon in ionic3?
I want to add a red dot on tab icon when some parameter changes. for example the global parameter isMessage, when it is true, add a red dot, otherwise not red dot.
similar like this.
my html code is:
<ion-tabs>
<ion-tab [root]="tab0Root" [tabTitle]="tab0Title" tabIcon="home"></ion-tab>
<ion-tab [root]="tab1Root" [tabTitle]="tab1Title" tabIcon="message"></ion-tab>
<ion-tab [root]="tab2Root" [tabTitle]="tab2Title" tabIcon="bluetooth"></ion-tab>
</ion-tabs>
Could you please help?
Solution
you can use ion-badge see docs here https://ionicframework.com/docs/api/badge
- HTML saving to PDF loses anchor tags
- Listen on multiple input tags and concatenate inputs to a single output field without need to click a button
- In Emacs, how to add line number for src block by CSS?
- React.js passing one components variables to another component and vice-versa
- React Audio Player Change current time of Audio
- Changing the color of a <select> depending on its value - CSS only(?)
- How to submit an HTML form without redirection
- HTML/JS app within an Android App
- How to get only directly contained text in DOM element in Javascript?
- Remove leading zeros from input type=number
- Progress bar along the borders of a rectangle
- Is there a way to change the CSS resize corner's position?
- Disable zoom on input focus in Android webpage
- Converting old Html SIZE=+x to css
- How to style focus outline for accessibility purposes
- How to set textarea height using min-height?
- Resize textarea on input
- Semantically correct html for react accordion component
- How can I tell password managers what pattern to use?
- Ticks for type="range" HTML input
- Why Marquee in HTML and CSS context is named that way?
- Undefined error after switching through images in Javascript
- HTML Input Font Family Styling for Safari
- Overflow text align left
- Should the <main> tag be inside <section> tag
- Audio is not playing in html
- How can I avoid recursion in this JavaScript function that uses Promises?
- If it is possible to animate image pixelation without canvas, using only CSS
- How to Link another page, at a certain point HTML
- How do I import svg from file to a component in angular 5?