/FormButtons

Forms within buttons, oh my!

Primary LanguageCSS

Forms within buttons, oh my!

Inspired by https://dribbble.com/shots/1937525-Create-New-Project

Examples

Examples

Usage

  1. Get the JS: Normal JS or Minified JS
  2. Get the CSS: Sass or Normal CSS or Minified CSS
  3. Add the buttons: HTML example below or HAML
<div class="form-button fixed-width red">
  <label for="name" class="cta">
    <i class="icon fa fa-file-text-o"></i>
    <span class="text">Create new file</span>
  </label>
  <input class="input" type="text" placeholder="File name" id="name" name="name">
  <button class="submit" type="submit">
    <i class="fa fa-arrow-right"></i>
  </button>
</div>

Feedback

I would love any feedback or suggestions: sconstantinides [at] gmail [dot] com