FeatureHighlight

The FeatureHighlight supports the onboarding of new users, as well as the introduction of new features to existing users. It is positioned next to the specified reference element and has four optional slots: Title, Visual, Content and Actions.

OverviewPropertiesUsage

FeatureHighlightProps

extends, , ,

Name	Type	Default	Description
open		-	Whether the FeatureHighlight is currently shown or not. Has to be controlled by the consumer.
anchor	|	-	The element the popover is referring to (i.e. where the pointer is pointing to).
placement?		'right-bottom'	Placement of the FeatureHighlight.
onClose	() =>	-	Callback fired when closing the FeatureHighlight.

FeatureHighlight.Title

You can use the FeatureHighlight.Title component to render a title for the FeatureHighlight overlay.

TitleProps

extends, ,

FeatureHighlight.Visual

VisualProps

extends, ,

FeatureHighlight.Content

ContentProps

extends, ,

FeatureHighlight.Actions

FeatureHighlightActionsProps — deprecated

No longer necessary as it is replaced by PropsWithChildren.

extends