if (!class_exists('Modern_Settings_Framework')) {
    require_once 'path/to/options-framework/class-modern-settings-framework.php';
}

<?php
// 1. Include the framework
if (!class_exists('Modern_Settings_Framework')) {
    require_once 'options-framework/class-modern-settings-framework.php';
}

// 2. Create instance
$framework = new Modern_Settings_Framework( 'my_plugin_settings' );

// 3. Register settings page
$framework->register_settings_page( array(
    'type'       => 'top_level',
    'page_title' => 'My Plugin Settings',
    'menu_title' => 'My Plugin',
    'menu_slug'  => 'my-plugin',
    'icon_url'   => 'dashicons-admin-settings',
) );

// 4. Register tabs
$framework->register_tab( 'general', array(
    'title' => 'General Settings',
    'icon'  => 'dashicons-admin-generic',
) );

// 5. Register fields
$framework->register_field( 'general', array(
    'id'          => 'site_name',
    'type'        => 'text',
    'label'       => 'Site Name',
    'description' => 'Enter your site name',
    'default'     => get_bloginfo( 'name' ),
) );

$framework->register_field( 'general', array(
    'id'          => 'enable_feature',
    'type'        => 'switch',
    'label'       => 'Enable Feature',
    'description' => 'Turn feature on or off',
    'default'     => true,
) );

// 6. Get settings values
$settings = get_option( 'my_plugin_settings' );
$site_name = isset( $settings['site_name'] ) ? $settings['site_name'] : '';

// Create framework with custom options
$framework_options = array(
    'enable_search'             => true,
    'enable_autosave'           => true,
    'autosave_interval'         => 30,
    'enable_keyboard_shortcuts' => true,
    'enable_undo_redo'          => true,
    'enable_validation'         => true,
    'capability'                => 'manage_options',
    'svg_logo'                  => '',
    'image_logo'                => '',
    'title'                     => '',
    'allowed_roles'             => array( 'administrator', 'editor' ),
);

$framework = new Modern_Settings_Framework( 'my_settings', $framework_options );

// Show API key field only when feature is enabled
$framework->register_field( 'general', array(
    'id'      => 'enable_api',
    'type'    => 'switch',
    'label'   => 'Enable API',
    'default' => false,
) );

$framework->register_field( 'general', array(
    'id'          => 'api_key',
    'type'        => 'text',
    'label'       => 'API Key',
    'conditional' => array(
        'field' => 'enable_api',
        'value' => true,
    ),
) );

$framework->register_field( 'general', array(
    'id'         => 'email',
    'type'       => 'email',
    'label'      => 'Contact Email',
    'required'   => true,
    'validation' => array(
        'min_length' => 5,
        'max_length' => 100,
    ),
) );

// Start accordion
$framework->register_field( 'advanced', array(
    'type'      => 'accordion',
    'id'        => 'email_settings',
    'title'     => 'Email Configuration',
    'icon'      => 'dashicons-email',
    'collapsed' => false,
) );

// Fields inside accordion
$framework->register_field( 'advanced', array(
    'id'    => 'smtp_host',
    'type'  => 'text',
    'label' => 'SMTP Host',
) );

$framework->register_field( 'advanced', array(
    'id'    => 'smtp_port',
    'type'  => 'number',
    'label' => 'SMTP Port',
) );

// End accordion
$framework->register_field( 'advanced', array(
    'type' => 'accordion_end',
) );

// Register export button
$framework->register_custom_button( 'general', array(
    'id'       => 'export_settings',
    'label'    => 'Export Settings',
    'class'    => 'button-secondary',
    'callback' => 'my_export_callback',
) );

// Callback function
function my_export_callback( $framework ) {
    $settings = $framework->get_saved_settings();
    
    return array(
        'message'  => 'Settings exported!',
        'download' => true,
        'filename' => 'settings.json',
        'content'  => wp_json_encode( $settings ),
    );
}

$framework->register_field( 'general', array(
    'id'             => 'user_roles',
    'type'           => 'multi_select_tags',
    'label'          => 'Allowed Roles',
    'max_selections' => 3,
    'options'        => array(
        'administrator' => 'Administrator',
        'editor'        => 'Editor',
        'author'        => 'Author',
    ),
) );

// Top-level menu
$framework->register_settings_page( array(
    'type'       => 'top_level',
    'page_title' => 'My Settings',
    'menu_title' => 'My Plugin',
    'menu_slug'  => 'my-plugin',
) );

// Under Settings menu
$framework->register_settings_page( array(
    'type'       => 'submenu_settings',
    'page_title' => 'My Settings',
    'menu_title' => 'My Plugin',
) );

// Under Tools menu
$framework->register_settings_page( array(
    'type'       => 'submenu_tools',
    'page_title' => 'My Tools',
    'menu_title' => 'My Plugin',
) );

// Under custom parent (e.g., WooCommerce)
$framework->register_settings_page( array(
    'type'        => 'submenu_custom',
    'parent_slug' => 'woocommerce',
    'page_title'  => 'My Settings',
    'menu_title'  => 'My Integration',
) );

// Create instance
new Modern_Settings_Framework( string $option_name, array $framework_options = array() )

// Register settings page
$framework->register_settings_page( array $config )

// Register tab
$framework->register_tab( string $tab_id, array $config )

// Register field
$framework->register_field( string $tab_id, array $config )

// Register custom button
$framework->register_custom_button( string $tab_id, array $config )

// Get saved settings
$framework->get_saved_settings()

// Get specific setting
$framework->get_setting( string $key, mixed $default = null )

// Update specific setting
$framework->update_setting( string $key, mixed $value )