Overview
Use the Container Properties component to define the visual and behavioural properties of a Floating Container, including dimensions, justification, preview icon, close button, and mobile fallback. This component is currently compatible with containers anchored to a 3D point or a screen point.
Properties
-
ID (optional): Optional unique ID of the container. If omitted, an ID is automatically generated using the component GUID and iteration index.
-
Width (optional): Optional width of the container. Accepts CSS size units.
-
Height (optional): Optional height of the container. Accepts CSS size units.
-
Max Width (optional): Optional maximum width of the container. Accepts CSS size units.
-
Max Height (optional): Optional maximum height of the container. Accepts CSS size units.
-
Justification: Sets the alignment or justification of the container relative to its anchor point.
-
Preview Icon (optional): Optional icon name or text displayed to show the container. If omitted, the container is shown at all times. When provided, the user must click the icon to open the container.
-
Close Button (optional): Boolean option to display a close button. Requires a Preview Icon.
-
Use Container (optional): Boolean option to wrap the element in a Paper container component. Defaults to
true. -
Mobile Fallback (optional): Use the Container Mobile Fallback component to define custom behaviour for the floating container on mobile devices.
-
Custom Properties (optional): Custom properties added to the container as a JSON object. Useful when building a custom front-end user interface.