Popover

requires layer

A versatile component that can be used to easily display top-layer content.

Usage

This function takes an instance and a table of properties. The instance is used to find the closest layer to this object to display the popover on. A layer can be created using topLayerProvider.new It returns the original object through the function, and as such can be wrapped around for example a New call.

Properties

Variant, AppearanceOverride

Use the Variant and AppearanceOverride properties to style the component.

Available variants differ can be viewed in the UI demo below.

The theme data for the component can be found in the Theming section and can be overwritten through AppearanceOverride.

Pass Variant as a string and AppearanceOverride as an optionalColorTable. More information on overrides can be found here.

Default

default

Code block has not loaded. An error may have occurred.

Placement

The placement of the popover when it is visible.

Type

Code block has not loaded. An error may have occurred.

Visible

Type

Code block has not loaded. An error may have occurred.

Padding

Type

Code block has not loaded. An error may have occurred.

Content

The content of the popover. This can either be a list of instances which is passed directly to fusion.Children or a function that is called with the useColor parameter, to use the available colors in a popover, available here.

Type

Code block has not loaded. An error may have occurred.

PositionAnimation

Determines whether the position should tween between its positions.

Type

Code block has not loaded. An error may have occurred.

Wrapper

Called with the popover frame as an argument. This can be used to wrap the popover in another instance when needed.

Type

Code block has not loaded. An error may have occurred.

Instance Properties

This instance takes all the properties of a Frame. SpecialKeys, such as fusion.Children will also be passed to the instance.

Theming

States

State	Description
Base

Colors

Color	Description
Background
Stroke
Text
Shadow	This is used by CanvasFrame to seamlessly fade the shadow in and out, without impacting AutomaticSize.

Types

Certain types are reused across different components. To make these types easily accessible, they are available below:

placement

Code block has not loaded. An error may have occurred.