create
API reference for the "create" method.
Creates a rich control. An extension must call the
updateControlPanel method to render the controls.const canva = window.canva.init();
canva.onReady(async (opts) => {
// Create an array of controls
const controls = [
canva.create("button", {
id: "buttonExample",
label: "Button Example",
}),
];
// Render the controls in the control panel
canva.updateControlPanel(controls);
});
Name | Type | Required | Description |
|---|---|---|---|
controlName | Yes | The name of the control. | |
props | object | Yes | The properties for configuring the control. The available properties depend on the control. |
Represents the name of a control.
Signature
enum ControlName {
BUTTON = "button",
CHECKBOX = "checkbox",
COLOR_PICKER = "color_picker",
GROUP = "group",
PARAGRAPH = "paragraph",
RADIO_GROUP = "radio_group",
SELECT = "select",
SLIDER = "slider",
TEXT_INPUT = "text_input",
THUMBNAIL_LIST = "thumbnail_list",
}
Properties
Name | Value |
|---|---|
BUTTON | "button" |
CHECKBOX | "checkbox" |
COLOR_PICKER | "color_picker" |
GROUP | "group" |
PARAGRAPH | "paragraph" |
RADIO_GROUP | "radio_group" |
SELECT | "select" |
SLIDER | "slider" |
TEXT_INPUT | "text_input" |
THUMBNAIL_LIST | "thumbnail_list" |
Last modified 1yr ago