Regione Toscana Design System — Servizi Design System Core

Preview Modal 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> &middot; Regione Toscana Design System — Servizi</title>
    <link rel="stylesheet" href="../../css/font.css">
    <link rel="stylesheet" href="../../css/custom-properties.css">
    <link rel="stylesheet" href="../../css/main.css">
</head>

<body>
    <div class="rtds-space-y-3 rtds-p-4">
        <p>Trigger esterno al componente — non fa parte di Modal Dialog.</p>
        <button type="button" class="rtds-btn rtds-btn--primary" aria-haspopup="dialog" aria-controls="dialog1" aria-expanded="false" onclick="openDialog('dialog1', this)">Apertura modale</button>

    </div>
    <script src="../../js/componentsJs.js"></script>
</body>

</html>
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>{{ _target.title }} &middot; {{ _config.project.title }}</title>
        <link rel="stylesheet" href="{{ '/css/font.css' | path }}">
        <link rel="stylesheet" href="{{ '/css/custom-properties.css' | path }}">
        <link rel="stylesheet" href="{{ '/css/main.css' | path }}">
    </head>

    <body>
        <div class="rtds-space-y-3 rtds-p-4">
            <p>Trigger esterno al componente — non fa parte di Modal Dialog.</p>
            <button type="button" class="rtds-btn rtds-btn--primary"
                aria-haspopup="dialog"
                aria-controls="dialog1"
                aria-expanded="false"
                onclick="openDialog('dialog1', this)">Apertura modale</button>
            {{ yield | safe }}
        </div>
        <script src="{{ '/js/componentsJs.js' | path }}"></script>
    </body>
</html>
 
/* No context defined. */

No notes defined.