Alerts Stable

Alerts are notifications that attract the user’s attention. They can be directly related to an interactive process and give the user feedback on the success or failure of an action.

Information

<div role="alertdialog" aria-labelledby="alert0Title" aria-describedby="alert0Text" class="js-alert alert ">
    <div class="alert__container">
            <button type="button" class="alert__close" data-dismiss="alert" aria-label="Close alert">
                <i aria-hidden="true" class="icon-close"></i>
            </button>
            <header class="alert__header">
                <i aria-hidden="true" class="icon alert__indicator"></i>
                <h5 class="alert__title" id="alert0Title">Alert</h5>
            </header>
        <div class="alert__body wysiwyg">
            <p class="alert__text" id="alert0Text">
                Alerts are notifications that attract the user’s attention. They can be directly related to an interactive process and give the user feedback on the success or failure of an action.
            </p>
        </div>
        <footer class="alert__footer">
                <button type="button" class="button button--primary" data-dismiss="alert">OK</button>
        </footer>
    </div>
</div>

Information w/o title

<div role="alertdialog" aria-labelledby="alert1Title" aria-describedby="alert1Text" class="js-alert alert ">
    <div class="alert__container">
            <button type="button" class="alert__close" data-dismiss="alert" aria-label="Close alert">
                <i aria-hidden="true" class="icon-close"></i>
            </button>
        <div class="alert__body wysiwyg">
            <p class="alert__text" id="alert1Text">
                Siemens Healthineers in Österreich verwendet Cookies um Statistiken über das Verhalten unserer Benutzer zu sammeln. Durch die Nutzung dieser Webseite erklären Sie sich mit der Verwendung von Cookies einverstanden. Detaillierte Informationen über den Einsatz von Cookies auf dieser Webseite erhalten Sie durch Klick auf „Cookie Richtlinien“. An dieser Stelle können Sie auch der Verwendung von Cookies widersprechen und die Browsereinstellungen entsprechend anpassen.  Andernfalls nehmen wir an, dass Sie mit der Nutzung von Cookies einverstanden sind.
            </p>
        </div>
        <footer class="alert__footer">
        </footer>
    </div>
</div>

Success

<div role="alertdialog" aria-labelledby="alert2Title" aria-describedby="alert2Text" class="js-alert alert alert--success">
    <div class="alert__container">
            <button type="button" class="alert__close" data-dismiss="alert" aria-label="Close alert">
                <i aria-hidden="true" class="icon-close"></i>
            </button>
            <header class="alert__header">
                <i aria-hidden="true" class="icon alert__indicator"></i>
                <h5 class="alert__title" id="alert2Title">Nutzung von Cookies</h5>
            </header>
        <div class="alert__body wysiwyg">
            <p class="alert__text" id="alert2Text">
                Siemens Healthineers in Österreich verwendet Cookies um Statistiken über das Verhalten unserer Benutzer zu sammeln. Durch die Nutzung dieser Webseite erklären Sie sich mit der Verwendung von Cookies einverstanden. Detaillierte Informationen über den Einsatz von Cookies auf dieser Webseite erhalten Sie durch Klick auf „Cookie Richtlinien“. An dieser Stelle können Sie auch der Verwendung von Cookies widersprechen und die Browsereinstellungen entsprechend anpassen.  Andernfalls nehmen wir an, dass Sie mit der Nutzung von Cookies einverstanden sind.
            </p>
        </div>
        <footer class="alert__footer">
                <button type="button" class="button button alert__button alert__close" data-dismiss="alert" aria-label="Close">Cancel</button>
                <button type="button" class="button button--primary" data-dismiss="alert">Accept</button>
        </footer>
    </div>
</div>

Warning

<div role="alertdialog" aria-labelledby="alert3Title" aria-describedby="alert3Text" class="js-alert alert alert--warning">
    <div class="alert__container">
            <button type="button" class="alert__close" data-dismiss="alert" aria-label="Close alert">
                <i aria-hidden="true" class="icon-close"></i>
            </button>
            <header class="alert__header">
                <i aria-hidden="true" class="icon alert__indicator"></i>
                <h5 class="alert__title" id="alert3Title">Nutzung von Cookies</h5>
            </header>
        <div class="alert__body wysiwyg">
            <p class="alert__text" id="alert3Text">
                Siemens Healthineers in Österreich verwendet Cookies um Statistiken über das Verhalten unserer Benutzer zu sammeln. Durch die Nutzung dieser Webseite erklären Sie sich mit der Verwendung von Cookies einverstanden. Detaillierte Informationen über den Einsatz von Cookies auf dieser Webseite erhalten Sie durch Klick auf „Cookie Richtlinien“. An dieser Stelle können Sie auch der Verwendung von Cookies widersprechen und die Browsereinstellungen entsprechend anpassen.  Andernfalls nehmen wir an, dass Sie mit der Nutzung von Cookies einverstanden sind.
            </p>
        </div>
        <footer class="alert__footer">
                <button type="button" class="button button alert__button alert__close" data-dismiss="alert" aria-label="Close">Cancel</button>
                <button type="button" class="button button--primary" data-dismiss="alert">Accept</button>
        </footer>
    </div>
</div>

Error

<div role="alertdialog" aria-labelledby="alert4Title" aria-describedby="alert4Text" class="js-alert alert alert--error">
    <div class="alert__container">
            <button type="button" class="alert__close" data-dismiss="alert" aria-label="Close alert">
                <i aria-hidden="true" class="icon-close"></i>
            </button>
            <header class="alert__header">
                <i aria-hidden="true" class="icon alert__indicator"></i>
                <h5 class="alert__title" id="alert4Title">Nutzung von Cookies</h5>
            </header>
        <div class="alert__body wysiwyg">
            <p class="alert__text" id="alert4Text">
                Siemens Healthineers in Österreich verwendet Cookies um Statistiken über das Verhalten unserer Benutzer zu sammeln. Durch die Nutzung dieser Webseite erklären Sie sich mit der Verwendung von Cookies einverstanden. Detaillierte Informationen über den Einsatz von Cookies auf dieser Webseite erhalten Sie durch Klick auf „Cookie Richtlinien“. An dieser Stelle können Sie auch der Verwendung von Cookies widersprechen und die Browsereinstellungen entsprechend anpassen.  Andernfalls nehmen wir an, dass Sie mit der Nutzung von Cookies einverstanden sind.
            </p>
        </div>
        <footer class="alert__footer">
                <button type="button" class="button button--primary" data-dismiss="alert">Accept</button>
        </footer>
    </div>
</div>