Apryse WebViewer

Class: CustomElement

UI.Components. CustomElement

new CustomElement(properties)

Creates a new instance of RibbonItem.
Parameters:
Name Type Description
properties Object An object that contains the properties of the Label Item.
Properties
Name Type Argument Description
dataElement string The data element of the label item.
render function Function that returns the React element or HTML element to render. Cannot use React Hooks in the render. For more information see; https://docs.apryse.com/web/faq/react-hooks-error
renderArguments Array <optional>
 Array of arguments to pass to the render function
title string <optional>
 Text to show on hover of the item (Tooltip)
style object <optional>
 An object defining inline CSS styles for the element, where each key represents a CSS property and its corresponding value.
className string <optional>
 String with CSS classes to be applied to the element, allowing additional styling and customization through external stylesheets.
Example
const customItem = new instance.UI.Components.CustomElement({
 dataElement: 'myCustomElement',
 render: () => document.createElement('div'),
 });

Extends

Methods

setStyle(style)

Sets the style of the Item (padding, border, background, etc.)
Parameters:
Name Type Description
style Object An object that can change the CSS style of the Item component.
Inherited From: