Contineo Platform

Slide Item

A component that supports sliding interactions in four directions (left, right, top, bottom) with customizable content and actions. Features customizable icons, labels, colors, and supports both image and icon-based content display. Ideal for implementing swipe-based interactions such as delete, archive, or custom actions.

Extends: fieldComponent

Fields

Name	Code	Data Type	Description
Left Name	`leftName`	text	Text displayed in the left slide area
Right Name	`rightName`	text	Text displayed in the right slide area
Top Name	`topName`	text	Text displayed in the top slide area
Bottom Name	`bottomName`	text	Text displayed in the bottom slide area
Left Icon Name	`leftIconName`	text	Icon shown in the left slide area
Right Icon Name	`rightIconName`	text	Icon shown in the right slide area
Top Icon Name	`topIconName`	text	Icon shown in the top slide area
Bottom Icon Name	`bottomIconName`	text	Icon shown in the bottom slide area
Left Slide Item Color	`leftSlideColor`	text	Background color of the left slide area
Right Slide Item Color	`rightSlideColor`	text	Background color of the right slide area
Top Slide Item Color	`topSlideColor`	text	Background color of the top slide area
Bottom Slide Item Color	`bottomSlideColor`	text	Background color of the bottom slide area
Icon Color	`iconColor`	text	Color of the main content icon
Center Slide Label	`slideLabel`	text	Label text displayed in the center content area
Height	`height`	text	Height of the slide item component
Dark	`dark`	boolean	Enables dark mode appearance
Label	`label`	multi-locale	Label for the slide item
ID	`resourceId`	text	Unique identifier for the component
Style Classes	`styleClasses`	text	CSS classes for styling
Style	`style`	text	Inline styles for the component
Width	`widthClass`	text	Controls component width
Enabled	`enabled`	boolean	Controls whether component is enabled
Visible	`isVisible`	boolean	Controls component visibility
Image Link	`imageLink`	text	URL for the displayed image
Outlined	`outlined`	boolean	Shows component with outlined style
Icon	`icon`	text	Main icon for the slide item

Events

Name	Description
`onLeft`	Triggered when the item is slid to the left
`onRight`	Triggered when the item is slid to the right
`onTop`	Triggered when the item is slid to the top
`onBottom`	Triggered when the item is slid to the bottom