taiga: Show badge in tab | Angular Community | Page 1

floral wharf Apr 6, 2024, 4:37 PM

#

Hi there, I am working on a tab bar and I would like to use badges in the tab item itself. However, there it's not showing up correctly.

I was just wondering if there is a way to have tabs with badges, without having to stay editing the styling for this specific scenario.

open mason Apr 6, 2024, 5:00 PM

#

why do you put <button>Tab 2</button> inside </tui-badged-content>?

floral wharf Apr 7, 2024, 7:25 AM

#

The example of the tabs (https://taiga-ui.dev/navigation/tabs#more) works with buttons.

So I figured I could just wrap my button with a <tui-badged-content>

open mason Apr 7, 2024, 12:30 PM

#

Which one of the examples?

floral wharf Apr 7, 2024, 2:53 PM

#

this one

open mason Apr 7, 2024, 3:16 PM

#

I still can't see the point.

that example uses svg icons, not badges
it puts the icons inside the button
you're:
using badges, not icons
putting the buttons inside the badges, so the opposite
Why don't you simply use the badge just after the button in your template?

#taiga: Show badge in tab