Mit Hyvä können Sie problemlos eigene modale Dialoge erstellen. So beginnen Sie mit dem Erstellen des modalen Dialoges im Hyvä Theme:
|
1 2 3 4 5 6 7 8 9 10 11 |
$heroicons = $viewModels->require(\Hyva\Theme\ViewModel\HeroiconsOutline::class); $modalDialog = $viewModels->require(\Hyva\Theme\ViewModel\Modal::class) ->createModal() ->withDialogRefName('unique-name') ->withContent(' <div class="absolute top-4 right-4 rounded-t dark:border-gray-600"> <button @click="hide" type="button" class="h-10 w-10 rounded-full p-2">' . $heroicons->renderHtml('x') . '</button> </div>' . 'testcontent') ->addDialogClass('relative sm:w-1/2 md:w-1/2 lg:w-1/2 xl:1/2 2xl:1/2','m-2'); |
Sie können den Dialog mit jedem beliebigen HTML Element öffnen. Im folgenden Beispiel ist es ein span Element,…