Headline Control
![Headline Control](https://cdn.statically.io/img/docs.themeum.com/wp-content/uploads/2023/08/headline-control-1.png)
The Headline control is a useful tool to categorize your customizer controls.
new \Kirki\Pro\Field\Headline(
[
'settings' => 'kirki_pro_headline',
'label' => esc_html__( 'Content', 'kirki-pro' ),
'description' => esc_html__( 'Headlines can include descriptions as well.', 'kirki-pro' ),
'section' => 'section_id',
'tooltip' => 'Headlines also work with tooltips.',
]
);
Headline Toggle
![Headline Toggle](https://cdn.statically.io/img/docs.themeum.com/wp-content/uploads/2023/08/headline-toggle-control-example.png)
The Headline Toggle field combines a Headline & a Toggle control. This is useful to display controls conditionally.
new \Kirki\Pro\Field\HeadlineToggle(
[
'settings' => 'kirki_pro_headline_toggle',
'label' => esc_html__( 'Design Options', 'kirki-pro' ),
'section' => 'section_id',
'default' => false,
]
);
Divider Control
![Divider Control](https://cdn.statically.io/img/docs.themeum.com/wp-content/uploads/2023/08/divider-control-example-2.png)
The Divider control is another useful tool to group related customizer controls. You can pass a color for the divider using the choices
argument. The default divider color is #cccccc
.
new \Kirki\Pro\Field\Divider(
[
'settings' => 'kirki_pro_divider',
'section' => 'section_id',
'choices' => [
'color' => '#000',
],
]
);