BigCommerce Docs

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

JSON Schema

Property	Type	Description	Example
`type`	string	The type of setting component to display.	typography
`label`	string	The user friendly message to inform the user how this setting will be used.	Text style
`id`	string	The variable name where the setting value will be available in the widget template.	textStyle
`default`	string	The default value to use when rendering the widget for the first time.	default
`typeMeta`	object	Additional information needed based on the selected setting type.
`typeMeta.conditionalSettings`	array	List of settings revealed if the condition attribute condition is met.
`typeMeta.conditionalSettings[].condition`	string	Condition needed inorder to reveal optional settings.	custom
`typeMeta.conditionalSettings[].settings`	array	Include additional settings