showcar-ui
Version:
Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.
20 lines (18 loc) • 1.21 kB
HTML
<as24-notification type="success" id="succ1" target="#example-notification-target-s" title="Vehicle is added to watchlist." timeout="2500">
Success!
</as24-notification>
<as24-notification type="information" id="info1" target="#example-notification-target-s" title="Information for you" timeout="2500">
Usefull info.
</as24-notification>
<as24-notification type="error" id="error1" target="#example-notification-target-s" title="Error occurred" timeout="2500">
Error here...
</as24-notification>
<as24-notification type="tip" id="tip1" target="#example-notification-target-s" title="Small Tip for you" timeout="2500">
Tip tip hurra...
</as24-notification>
<div class="sc-text-center">
<button class="notification-demo sc-btn-bob" data-id="succ1" data-trigger="succ1">Show success note (timeout)</button>
<button class="notification-demo sc-btn-ross" data-id="info1" data-trigger="info1">Show info note (timeout)</button>
<button class="notification-demo sc-btn-bob" data-id="error1" data-trigger="error1">Show error note (timeout)</button>
<button class="notification-demo sc-btn-ross" data-id="tip1" data-trigger="tip1">Show tip note (timeout)</button>
</div>