Dynamic Loading Tabs

I have a view that uses multiple tabs to organize views/information, but was hoping for some guidance on how I might be able to dynamically load content only when a tab is clicked upon.

My basic view is

<?= Tabs::widget([
        'items' => [
            [
                'label' => 'Client Information',
                'content' => $this->render('_form_client', 
                                            ['model' => $model, 
                                            'modelsContacts' => $modelsContacts,
                                            'modelsPrices' => $modelsPrices,
                                            'modelsNotes' => $modelsNotes,
                                            'form' => $form]),
                'active' => true
            ],
            [
                'label' => 'Bookings',
                'content' => $this->render('_form_client_bookings', 
                                            ['model' => $model, 
                                            'form' => $form]),
            ],
            [
                'label' => 'Documents',
                'content' => $this->render('_form_client_documents', 
                                            ['model' => $model, 
                                            'form' => $form]),
            ],
        ]
    ]);
?>

So I’d need the first tab to load initially, but would like the other tabs to not load until they are clicked upon.

Thank you for any assistance you can provide.