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.23 kB
HTML
<as24-notification type="success" id="succ2" target="#example-notification-target" title="Success with close button" close="true">
Success!
</as24-notification>
<as24-notification type="information" id="info2" target="#example-notification-target" title="Information for you, but without body text" close="true">
Close me, please.
</as24-notification>
<as24-notification type="error" id="error2" target="#example-notification-target" title="Error occurred" close="true">
Error here...
</as24-notification>
<as24-notification type="tip" id="tip2" target="#example-notification-target" title="Small Tip for you" close="true">
Tip tip hurra...
</as24-notification>
<div class="sc-text-center">
<button class="notification-demo sc-btn-bob" data-id="succ2" data-trigger="succ2">Show success note with cross</button>
<button class="notification-demo sc-btn-ross" data-id="info2" data-trigger="info2">Toggle info note with cross</button>
<button class="notification-demo sc-btn-bob" data-id="error2" data-trigger="error2">Toggle error note with cross</button>
<button class="notification-demo sc-btn-ross" data-id="tip2" data-trigger="tip2">Toggle tip note with cross</button>
</div>