Typography

Typography allows users to select between either a default widget appearance or a custom appearance.


Widget Configuration Output

{
"textStyle": "default"
}

Note

We recommend exposing custom typography settings via the conditionalSettings attribute when “custom” is selected.


User Interface Output

output


JSON Schema

PropertyTypeDescriptionExample
typestringThe type of setting component to display.typography
labelstringThe user friendly message to inform the user how this setting will be used.Text style
idstringThe variable name where the setting value will be available in the widget template.textStyle
defaultstringThe default value to use when rendering the widget for the first time.default
typeMetaobjectAdditional information needed based on the selected setting type.
typeMeta.conditionalSettingsarrayList of settings revealed if the condition attribute condition is met.
typeMeta.conditionalSettings[].conditionstringCondition needed inorder to reveal optional settings.custom
typeMeta.conditionalSettings[].settingsarrayInclude additional settings