Table of Contents
This framework provides you some extra controls with a parameter configs. When you define the page data below you will find that parameter.
sample-plugin.php
$page_data = array(
'page_title' => 'My Settings Page',
'menu_title' => 'My Settings',
'capability' => 'manage_options',
'menu_slug' => 'my-settings',
'icon' => 'dashicons-admin-generic',
'position' => 20,
'configs' => array(
'show_tabs' => false,
'wrapper_classes' => 'my-plugin-wrapper',
'page_width' => 'medium', // mini ~ 2xl | small ~ 4xl | medium ~ 5xl | large ~ 6xl | extra ~ 8xl
),
);
Config: show_tabs #
Controls whether the settings panel should display section tabs. Useful when you have multiple settings groups and want a clean, tab-based navigation.
| Type | boolean |
| Default | false |
Possible Values:
- true — Display tabs for each settings section
- false — Hide tabs and render all sections in one continuous page
Config: wrapper_classes #
Adds custom CSS classes to the main wrapper container. Use this to style and customise layout spacing or theme consistency with the admin UI.
| Type | string |
| Default | no default |
Possible Values: (example usage)
- “my-plugin-wrapper”
- “wp-ui-theme dark p-6”
- Custom Tailwind / CSS utility classes
Config: page_width #
Specifies the container max-width for the settings page. Ideal for controlling UI readability based on content density.
| Type | string |
| Default | medium |
Possible Values
| Value | Meaning / Max Width |
|---|---|
| mini | 2xl width (very narrow) |
| small | 4xl width |
| medium | 5xl width (default) |
| large | 6xl width |
| extra | 8xl width (very wide) |