Badges in tabs

Question

Hi

Are badges possible with tabs? I have two tabs booked jobs and upcoming (future) jobs as per code below at the end and I need to show the number of jobs (booked and upcoming) on respective tabs. Something like this;

How do I add badges to tab please?

Thanks

Regards

<FlyoutItem Title="Staff Jobs" Route="HomePage">  
  
        <Tab Title="Booked Jobs"  >  
  
            <Tab.Icon>  
  
                <FontImageSource FontFamily="{StaticResource ionicons}" Glyph="" Color="{StaticResource MenuIcons}" Size="25"/>  
  
            </Tab.Icon>  
  
            <ShellContent Route="BookedJobsPage" ContentTemplate="{DataTemplate local:BookedJobsPage}" />  
  
        </Tab>  
  
        <Tab Title="Upcoming Jobs"  >  
  
        <Tab.Icon>  
  
                <FontImageSource FontFamily="{StaticResource ionicons}" Glyph="" Color="{StaticResource MenuIcons}" Size="25"/>  
  
            </Tab.Icon>  
  
            <ShellContent Route="UpcomingJobsPage" ContentTemplate="{DataTemplate local:UpcomingJobsPage}" />  
  
        </Tab>  
  
    </FlyoutItem>