Streamline the Laravel SaaS Starter Kit - Launch Your Next SaaS Today

Modal

Open content in a pop-up window

Tag: x-turbine-ui-modal 
<x-t-modal
    target="demo"
    dismissible
>
    <x-slot:content>
        <x-t-card border="false">
            <x-slot:body>
                <x-t-heading level="1">...</x-t-heading>
                <x-t-text>...</x-t-text>
                <x-t-text>...</x-t-text>
                <x-t-text>...</x-t-text>
            </x-slot:body>
        </x-t-card>
    </x-slot:content>
    <x-t-button
        variant="brand"
        prefix="<i class='fa-solid fa-rocket'></i>"
        class="tui-modal-trigger"
    >
        Open sesame
    </x-t-button>
</x-t-modal>

Attributes

Name Type Options Description
dismissible boolean Adds a close button
size string Size is used to control styles such as margin, padding and font size. Extensible via the theme.
target string Adds a target
variant string A variant is like a colour palette
Theme