monkuver / FormButtons

Forms within buttons, oh my!

Forms within buttons, oh my!

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

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: HAML example below or HTML

  .form-button.fixed-width.red
    %label.cta{ for: "name" }
      %i.icon.fa.fa-file-text-o
      %span.text Create new file
    %input.input{ type: "text", placeholder: "File name", id: "name", name: "name" }
    %button.submit{ type: "submit" }
      %i.fa.fa-arrow-right

Feedback

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