Contineo Platform

Button

An interactive button component for triggering actions with extensive customization options. Supports various styling configurations, icon placement, tooltip integration, and flexible layout controls. Ideal for creating responsive and visually appealing user interface interactions across different application contexts.

Extends: baseComponent

Fields

Name	Code	Data Type	Description
Label	`label`	multi-locale	The text displayed on the button (supports multilingual labels)
Resource ID	`resourceId`	text	Unique identifier for the button component
Style Classes	`styleClasses`	text	Additional CSS classes to customize button appearance
Width Class	`widthClass`	text	Controls the width of the button using predefined CSS classes
Inline Style	`style`	text	Custom inline CSS styles to apply directly to the button
Visibility	`isVisible`	boolean	Controls whether the button is displayed or hidden
Enabled	`enabled`	boolean	Determines if the button is interactive or disabled
Color	`color`	text	Sets the color theme of the button
Icon	`icon`	text	Icon to display before the button label
Right Icon	`iconRight`	text	Icon to display after the button label
Size	`size`	text	Sets the size of the button component
Flat	`flat`	boolean	Removes button background when enabled
Dense	`dense`	boolean	Reduces button padding for compact display
Outline	`outline`	boolean	Shows button with outlined style
Round	`round`	boolean	Makes the button completely circular
Rounded	`rounded`	boolean	Adds rounded corners to the button
No Caps	`noCaps`	boolean	Prevents automatic text capitalization
Show Tooltip	`showToolTip`	boolean	Enables tooltip display on hover
Tooltip Style Classes	`styleClassToolTip`	text	CSS classes for styling the tooltip
Tooltip Value	`toolTipValue`	text	Text content displayed in the tooltip
Alignment	`alignment`	text	Sets content alignment within the button (center, left, right, between, around, evenly)

Methods

Name	Description
`handleEvent`	Manages the button click event, triggering associated actions
`getLabel`	Retrieves the button's label, supporting multilingual configurations

Events

Name	Description
`onClick`	Triggered when the button is clicked, executing the associated action