HiVolda Styleguide

Messages: Warning 

<div class="webform-message webform-message--close">
    <div role="contentinfo" aria-label="" class="messages messages--warning">
        <div class="messages--item">
            <a href="#close" aria-label="close" class="js-webform-message__link webform-message__link">×</a>
            <p>This is a <strong>warning</strong> message</p>

        </div>
    </div>
</div>
 
<div class="webform-message webform-message--close">
  <div role="contentinfo" aria-label="" class="{{ class }}">
    <div class="messages--item">
      <a href="#close" aria-label="close" class="js-webform-message__link webform-message__link">×</a>{{ text | markdown }}
    </div>
  </div>
</div>
 
{
  "class": "messages messages--warning",
  "text": "This is a **warning** message"
}
  • Handle: @component-messages--warning
  • Preview:
  • Filesystem Path: source/patterns/02-components/messages.twig

No notes defined.