Sync styleguide 2026.05.18.1
This commit is contained in:
@@ -51,6 +51,24 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="component-call-to-action-card-three-column">
|
||||
<p class="sg-preview-label">Component: Call to action Card – Drei-Spalten-Variante</p>
|
||||
|
||||
<div class="sg-preview-area">
|
||||
<article class="sg-card sg-card--content-card sg-card--content-card-dark sg-card--call-to-action-card sg-card--call-to-action-card--three-column" data-component="call-to-action-card" data-component-variant="three-column" aria-label="Call to action Card Drei-Spalten-Variante">
|
||||
<div class="sg-card-segment sg-card-segment--body sg-call-to-action-card__body" data-component-part="card-body">
|
||||
<p class="sg-body sg-call-to-action-card__text">Mit dem Newsletter immer über neue Inhalte informiert bleiben.</p>
|
||||
<div class="sg-labeled-input-row" data-component="single-line-input" data-component-state="inactive-selectable">
|
||||
<input class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable" type="email" placeholder="E-Mail-Adresse" aria-label="E-Mail-Adresse" pattern="[^\s@]+@[^\s@]+\.[^\s@]{2,}" required>
|
||||
</div>
|
||||
<div class="sg-call-to-action-card__action">
|
||||
<button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive" type="button" data-component="button" data-component-variant="process" data-component-state="inactive" disabled aria-disabled="true">Prozess Button</button>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="component-picture-full-width">
|
||||
<p class="sg-preview-label">Component: Picture Full Width</p>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user