Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

form scss mixins

License

NotificationsYou must be signed in to change notification settings

Beth3346/elr-scss-forms

Repository files navigation

npm versionCILicense: MITnpm

a library of sass mixins

View Demo

Installation

Download node atnodejs.org and install it, if you haven't already.

npm install elr-scss-forms

or

yarn add elr-scss-forms

Implementation

@import"elr-scss-form/src/main";.form {@includeelr-form;}

Basic Form

<formclass="form"><divclass="form-row"><divclass="input-group"><labelfor="fav-animal">Favorite Animal</label><divclass="input-wrapper"><spanclass="input-icon"><iclass="fa fa-lock"></i></span><inputid="fav-animal"type="text"placeholder="penguins"/></div><smallclass="input-helper-text">This is some helper text</small></div><divclass="input-group"><labelfor="fav-place">Favorite Place</label><divclass="input-wrapper"><inputid="fav-place"type="text"placeholder="Italy"/></div></div></div><divclass="form-buttons"><buttontype="submit"class="button">Submit</button></div></form>

TODO

  • inline form
  • form states (loading, ready, error, submitted)
  • form input error states

License

SEE LICENSE IN LICENSE.md


[8]ページ先頭

©2009-2025 Movatter.jp