Lookbook
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class='d-flex justify-content-center m-4'>
  <div class='card-message-card'>
    <div class='d-flex justify-content-center mb-4'>
      <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
        <path d="M32 0C14.3559 0 0 14.3559 0 32C0 49.6441 14.3559 64 32 64C49.6441 64 64 49.6441 64 32C64 14.3559 49.6441 0 32 0ZM49.8847 23.579L29.4336 43.8697C28.2306 45.0727 26.3058 45.1529 25.0226 43.9499L14.1955 34.0852C12.9123 32.8822 12.8321 30.8772 13.9549 29.594C15.1579 28.3108 17.1629 28.2306 18.4461 29.4336L27.0276 37.2932L45.3133 19.0075C46.5965 17.7243 48.6015 17.7243 49.8847 19.0075C51.1679 20.2907 51.1679 22.2957 49.8847 23.579Z" fill="var(--success-color)"></path>
      </svg>
    </div>
    <p class='card-message-text'>
      Here we can type a success or failure message to the user
    </p>
    <a class='card-message-button card-message-button-success' href='/'>
      Do action
    </a>
  </div>
</div>
1
render(CardMessageComponent.new(message: message, button_text: button_text, type: "success", button_link: button_link))

No notes provided.

Param Description Input

—

—

—