Property Types and Setters - DingTalk Help Center

Component property types and setters offer users a range of configuration options to meet diverse needs. Property types and setters map to each other as shown in the table below.

Property Type	Setter Name	Description	Illustration
Text	TextSetter	Text setter: a common style for text-type components that accepts standard text input.
	I18nSetter	Newly dragged components do not have internationalization enabled by default. To enable it, click the internationalization button at the top of the property settings panel. The editor then opens, letting you create a new internationalization entry or search for an existing one to bind. For entries that are already bound, click the internationalization button to directly edit the internationalization text for the corresponding language.
	DateSetter	Provides a date picker and displays the selected time as a timestamp on the page.
	ChoiceSetter	Custom component properties appear as options in the property panel. When you select a different option, the component content on the page updates to the preset option value.
	ImageSetter
boolean	BoolSetter	Custom component properties appear as a switch in the property panel on the form design page. When on, the component content displays `true`; when off, it displays `false`.
Number	NumberSetter	The custom form behaves like the YiDA numerical component, blocking any input other than numbers. The value entered in the property panel is displayed in the component content.
object	JsonSetter	Lets you enter component property values as object-format code, which appears in the component content as `[object Object]`.
array	OptionsSetter	Generates simple array objects, typically used to configure options in dropdown selections.
	ListSetter	Generates complex object components that require relatively advanced configuration.
	JsonSetter	Same as the object setter JsonSetter	Same effect as the object setter JsonSetter
Function	ActionSetter	Configures callback functions. When ActionSetter is selected, in usage mode the property becomes an action setting under “Premium”.
	CodeSetter	Configures callback functions. Unlike ActionSetter, in usage mode it directly generates a code box.
Element	SlotSetter	Creates container-type components into which other components can be dragged. To use it, first declare a property and select SlotSetter, then drag in a “Slot Placeholder” component and bind it to the declared property.