JSFiddle - React, Tailwind, and code Playground

by Dmitry Morar

HTML

<link rel="stylesheet" href="https://www.pfister.ch/wicket/resource/com.pfister.web.page.MasterPage/application-ver-C9235E26CFF71460A264EF1B4CFA8A4D.css">
<link rel="stylesheet" href="https://www.pfister.ch/wicket/resource/com.pfister.web.page.MasterPage/pfi-ver-025A978EF26288BCA64D9DAFBE2BA67E.css">
<button class="pfi-button pfi-button-dark-outline pfi-button-block pfi-button-large">
   <span class="pficon-heart"></span>
    Auf die Merkliste
</button>

<br />

<div class="wishlist-container">          
  <div class="wishlist" data-flight="wishlist" data-btn-save="Erstellen" data-btn-cancel="Abbrechen" data-input-placeholder="Neue Merkliste" data-btn-create="Neue Merkliste" data-code="180582" wicketsource="com.pfister.web.component.shop.wishlist:AbstractWishlistButton.java:24">
        
    <button class="pfi-button pfi-button-dark-outline pfi-button-block pfi-button-large" type="button">
        <span class="pficon-heart"></span>
        <span class="pficon-heart-full"></span>
        <span class="pfi-wishlist-button-title">Auf die Merkliste</span>
        <span class="pfi-wishlist-button-title-added">Gemerkt</span>
    </button>

    </div>
</div>