Popover Tab tip

[sildeman]

Hello everybody. Quick question: how to implement a Popover with a "Tab tip", as presented in this page.
I'm using the @carbon/react package.
Thanks!

[tay1orjones]

Hey @sildeman - Popover does not yet have a first-class config option for the tab tip, #11038

It's still possible to configure one though. You'd need caret="false" on the Popover and the trigger will need some custom styling to make it appear consistent with the tab tip specification.

As an example, for the Popover story we add some lightweight styling to the trigger:

carbon/packages/react/src/components/Popover/next/story.scss

Lines 73 to 84 in 6a345aa

	.playground-trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border: 1px solid theme.$border-subtle;
	}
	.playground-trigger svg {
	fill: theme.$background-inverse;
	}

[sildeman]

Thanks. I will try this solution.