Fields group

Sometimes you need to show belonging to one group of settings

First three options visually grouped in one block.

Just add to start field:

'group' => 'started',

And in end of group:

'group' => 'ended',
'field_1' => array(
    'type' => 'text',
    'group' => 'started',
    'label' => esc_html__('Text field', 'my-domain'),
    'hint' => esc_html__('Hint field', 'my-domain'),
    'description' => esc_html__('Description of field', 'my-domain'),
    'submenu' => esc_html__('General fields', 'my-domain'),
    'placeholder' => esc_html__('Sample Config', 'my-domain'),
),
'field_1_2' => array(
    'type' => 'text',
    'label' => esc_html__('Text field', 'my-domain'),
    'description' => esc_html__('Long description with a lot of text to test of fields.', 'my-domain'),
    'submenu' => esc_html__('General fields', 'my-domain'),
    'placeholder' => esc_html__('Sample Config', 'my-domain'),
),
'field_2' => array(
    'type' => 'number',
    'label' => esc_html__('Number field', 'my-domain'),
    'step' => 20,
    'description' => esc_html__('Long description with a lot of text to test of fields.', 'my-domain'),
    'submenu' => esc_html__('General fields', 'my-domain'),
    'placeholder' => esc_html__('Sample Config', 'my-domain'),
    'group' => 'ended',
),

Last updated