Integrations
Use components inside static sites, traditional server-rendered applications and modern frontends.
Static HTML and PHP
Reference the local CSS and JS using a valid relative path, then insert regular HTML samples from any component page. Native PHP templates work without special adapters.
Laravel & Blade
<!-- resources/views/layouts/app.blade.php -->
<link rel="stylesheet" href="{{ asset('vendor/xshna-ui/xshna-ui.css') }}">
<main data-xsh-ui>
@yield('content')
</main>
<script defer src="{{ asset('vendor/xshna-ui/xshna-ui.js') }}"></script>Keep existing authentication, validation, permissions and data contracts in Laravel; Xshna UI only concerns the interface layer.
WordPress
Use wp_enqueue_style and wp_enqueue_script from a plugin or theme. Attach the data-xsh-ui attribute to the markup container to avoid unexpectedly restyling unrelated WordPress content.
React, Vue and others
UI behaviors use DOM delegation. In SPA environments, mount the library on a stable root after rendering and call destroy() when tearing it down. Do not let two libraries independently control the same dialog, tab or menu state.