Badge inside Tabs?

[ceyerkes]

Hellooo,

I'm working on a new OAuth page in Segment, and I'm wondering if Tabs supports adding a Badge, or if there's a different recommended solution:

Thanks!

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Hello!

The Paste documentation doesn't explicitly mention the use of a Badge with Tabs. However, a Badge can be used to label a piece of UI for quick identification. It can be used in a wide variety of situations, such as labeling Beta product features or an attribute such as “Inbound” or “Outbound”. A Badge can also be used to show a count, such as the number of new messages.

Here's an example of how to use a Badge:

import {Badge} from '@twilio-paste/core/badge';

const BadgeExample = () => (
  <Badge as="span" variant="neutral">
    Default Badge
  </Badge>
);

If you want to use a Badge with a Tab, you might need to customize your Tab component to include a Badge. However, please note that this is not explicitly mentioned in the Paste documentation, so it might not be a recommended solution.

If you need further assistance, I recommend checking out the related discussions in the Paste documentation or reaching out to the Paste team for more specific guidance.

I hope this helps! Let me know if you have any other questions.

I also did a search, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Badge in masthead (updated: 06/28/2022, similarity score: 86%)
• Labels, Tag and Badges (updated: 06/28/2022, similarity score: 85%)
• Inputs and badges (updated: 07/06/2022, similarity score: 84%)

[SiTaggart]

Hi @ceyerkes

Tabs can take any none interactive content.

Placing a badge inside should be just fine.

Thanks

[ceyerkes]

Thanks @SiTaggart !