Triggered popover

<TriggeredPopover>
	<div>This is demo content</div>
</TriggeredPopover>

Highlighted props

For the complete list of props, use your IDE's autocomplete functionality.

Trigger button customization

<TriggeredPopover
	triggerButtonLabel='Click me'
	triggerButtonIcon={icons.pointerHand}
>
	<div>This is demo content</div>
</TriggeredPopover>

More advanced customizations

triggerButtonProps accepts all props a Button accepts.

<TriggeredPopover
	triggerButtonIcon={icons.trash}
	triggerButtonProps={{ type: 'danger' }}
>
	<div>This is demo content</div>
</TriggeredPopover>

Offset from trigger

offset controls the space between the trigger and the popover on the main opening axis.

<TriggeredPopover
	offset={20}
>
	<div>This is demo content</div>
</TriggeredPopover>

crossOffset controls the space between the trigger and the popover on the axis perpendicular to the main opening axis.

<TriggeredPopover
	crossOffset={80}
>
	<div>This is demo content</div>
</TriggeredPopover>