🍷 Digital Wine Cellar – Pattern Library

Share form 

<form action="#" method="post" class="share-form inline">
    <div class="form-item ">
        <label for="">
            Share this product via e-mail

        </label>
        <input type="text" id="" value="">
    </div>
    <button type="button">
        <span>
            <svg class="icon " height="20" width="20" aria-hidden="true">
                <use xlink:href="../../sprite.svg#email" />
            </svg>
            <span>Send</span>
        </span>
    </button>
</form>
 
<form action="#" method="post" class="share-form inline">
  {{> @form-item-input email}}
  {{> @button send}}
</form>
 
{
  "email": {
    "label": "Share this product via e-mail"
  },
  "send": {
    "text": "Send",
    "icon": "email"
  }
}
  • Content: 
    /**
 * Share form
 */

@media screen {

  .share-form {
    display: flex;
    align-items: flex-end;
  }

  .share-form .form-item {
    flex: 0 1 36ch;
  }
}
  • URL: /components/raw/share-form/share-form.css
  • Filesystem Path: components/03_organisms/share-form/share-form.css
  • Size: 160 Bytes

No notes defined.