Type – Select

'anchorType' => [
  'label' => __( 'Anchor Type' ),
  'placeholder' => __( 'Select Anchor Type' ),
  'type' => 'ct-select',
  'choices' => [
    'type-1' => __( 'Normal' ),
    'type-2' => __( 'Underline' ),
    'type-3' => __( 'Underline on Hover' ),
    'type-4' => __( 'Background on Hover' ),
  ],
  'value' => 'type-1',
],

Value Format

'anchorType' => 'type-1'

Text Size Selection

'sidebarTextSize' => [
  'label' => __( 'Sidebar Text Size' ),
  'type' => 'ct-select/text',
],

POSSIBLE VALUE

• var(--fontSize)
• var(--smallFontSize)
• var(--mediumFontSize)
• var(--largeFontSize)
• inherit

The sizes are defined in Core Settings.

Heading Size Selection

'sidebarTitleSize' => [
  'label' => __( 'Sidebar Title Size' ),
  'type' => 'ct-select/heading',
],

POSSIBLE VALUE

• var(--h1Size)
• var(--h2Size)
• var(--h3Size)
• var(--h4Size)
• var(--h5Size)
• var(--h6Size)

The sizes are defined in Core Settings.

Shadow Selection

'sidebarShadow' => [
  'label' => __( 'Sidebar Shadow' ),
  'type' => 'ct-select/shadow',
],

POSSIBLE VALUE

• none
• var(--shadow0)
• var(--shadow1)
• var(--shadow2)
• var(--shadow3)
• var(--shadow4)

The shadows are defined in Core Settings.