RELEASE 2.4.0 OR ABOVE
Default setting (common)
| Key | Type | Description |
|---|---|---|
| name | String | Set the name of the button. The name of the button must be unique and must be set as required. {
name: 'buttonName'
}
|
| label | String | The label of the button. Shown as a tool tip. {
label: 'button label'
}
|
| type | String | RELEASE 2.7.0 OR ABOVE The type of button. {
type: 'button'
}
// 또는
{
type: 'dropdown'
}
|
| iconSVG | String | The SVG tag or IMG tag for the icon to be shown on the button. {
iconSVG: '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">....</svg>'
}
// 또는
{
iconSVG: '<img src="data:image/png;base64,......">'
}
|
| iconName | String | The name of the icon to be displayed on the button. {
iconName: 'bold'
}
|
Define the button
| Key | Type | Description |
|---|---|---|
| onClickFunc | Function | The action to perform when you click the button. {
onClickFunc: function (event) {
// Action to be performed
}
}
|
Define the dropdown button
RELEASE 2.7.0 OR ABOVE
| Key | Type | Description | ||||
|---|---|---|---|---|---|---|
| onClickFunc | Function | The action to perform when you click the drop-down; if the drop-down is a split button (isSingle: verse) it will operate when you click the first button. {
onClickFunc: function (event) {
// Action to be performed
}
}
| ||||
| isSingle | Boolean | Set whether to use the dropdown as a single button or a split button. (Default: true) {
isSingle: true
}
| ||||
| useIcon | Boolean | Whether to use the dropdown as an icon button or a text button. (Default: false) {
useIcon: false
}
| ||||
| dropdownItems | Object[] | Sets the list of items in the drop-down. {
dropdownItems: [
{ label: 'Item1' },
{ label: 'Item2' },
{ label: 'Item3' }
]
}
|
Drop-down items (dropdownItems)
| Key | Type | Description |
|---|---|---|
| label | String | The drop-down item label. {
dropdownItems: [
{
label: 'Item'
}
]
}
|
| onClickFunc | Function | The action to perform when you click a drop-down item. {
dropdownItems: [
{
label: 'Item',
onClickFunc: function () {
// Action to be performed
}
}
]
}
|
| cssText | String | The CSS text to render the dropdown item. {
dropdownItems: [
{
label: 'Item1',
cssText: 'font-size: 20px; color: orange;'
},
{
label: 'Item2',
cssText: 'font-size: 15px; color: red;'
}
]
}
|







