flystyles
Advanced tools
Comparing version 1.1.5 to 1.1.6
@@ -5,3 +5,3 @@ --- | ||
category: components | ||
file: components/FormElements/Button/Button.scss | ||
file: components/Button/Button.scss | ||
--- | ||
@@ -8,0 +8,0 @@ |
@@ -108,1 +108,42 @@ --- | ||
{% endexample %} | ||
#### Input groups | ||
Easily extend form controls by adding text, buttons, or button groups on either side of textual `<input>`s. | ||
{% example html %} | ||
<div class="FormGroup"> | ||
<label class="Label" for="prefixed">Input with prefix</label> | ||
<div class="InputGroup"> | ||
<span class="InputGroup-context">http://</span> | ||
<input type="url" class="Input InputGroup-input" placeholder="Enter your website" id="prefixed" /> | ||
</div> | ||
</div> | ||
<div class="FormGroup"> | ||
<label class="Label" for="sufixed">Input with sufix</label> | ||
<div class="InputGroup"> | ||
<input type="mail" class="Input InputGroup-input" placeholder="Enter your email" id="sufixed" /> | ||
<span class="InputGroup-context">@flywire.com</span> | ||
</div> | ||
</div> | ||
<div class="FormGroup"> | ||
<label class="Label" for="sufixed2">Prefixed and sufixed input</label> | ||
<div class="InputGroup"> | ||
<span class="InputGroup-context">$</span> | ||
<input type="mail" class="Input InputGroup-input" placeholder="Enter your email" id="sufixed2" /> | ||
<span class="InputGroup-context">.00</span> | ||
</div> | ||
</div> | ||
<div class="FormGroup"> | ||
<label class="Label" for="sufixed">Input with sufix</label> | ||
<div class="InputGroup"> | ||
<input type="mail" class="Input Input--xl InputGroup-input" placeholder="Enter your email" id="sufixed" /> | ||
<span class="InputGroup-context fontSize-lg">@flywire.com</span> | ||
</div> | ||
</div> | ||
{% endexample %} |
{ | ||
"name": "flystyles", | ||
"version": "1.1.5", | ||
"version": "1.1.6", | ||
"description": "Flywire UI Framework", | ||
@@ -16,3 +16,3 @@ "author": "Javier Arques <javier.arques@flywire.com>", | ||
"version": "npm run build && git add -A dist", | ||
"postversion": "git push && git push --tags" | ||
"postversion": "git push && git push --tags && npm publish" | ||
}, | ||
@@ -19,0 +19,0 @@ "repository": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
362506
98
2703