Maybe 1.0?

glhd · Aug 8, 2019 · dbb4243 · dbb4243
1 parent 9c0cad0
commit dbb4243
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -67,6 +67,13 @@ are fluent, allowing for easy configuration of your form components:
 {{ Aire::close() }}
 ```
 
+## Installation
+
+Install via composer with:
+```sh
+composer require glhd/aire
+```
+
 ## Customization
 
 Aire comes with classes that should work with the default Tailwind class names
@@ -177,6 +184,7 @@ to [validatorjs](https://github.com/skaterdav85/validatorjs)!).
 There are a few things that are still either in-the-works or being considered for a 
 later release. These include:
 
+  - Integration with [Tailwind forms](https://github.com/tailwindcss/custom-forms)
   - Sizing option for form controls
   - [Read-only plain text](http://getbootstrap.com/docs/4.1/components/forms/#readonly-plain-text) 
   - Cross-browser support for custom checkboxes and radio buttons via a config option

diff --git a/docs/basic.html b/docs/basic.html
@@ -2325,7 +2325,7 @@ <h2>Resulting Form</h2>
 
 	<div class="">
 
-		<label class="flex items-center" data-aire-component="label" for="__aire-0-12">
+		<label class="flex items-baseline" data-aire-component="label" for="__aire-0-12">
 	<input type="checkbox" value="1" class="pr-2" data-aire-component="checkbox" id="__aire-0-12" />
 	<span class="ml-2 flex-1" data-aire-component="wrapper">
 		Demo check box
@@ -2407,7 +2407,7 @@ <h2>Resulting Form</h2>
 				value="one"
 				checked
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="bar">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="bar">
 				Option 1
 			</span>
 		</label>
@@ -2419,7 +2419,7 @@ <h2>Resulting Form</h2>
 				value="two"
 
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="bar">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="bar">
 				Option 2
 			</span>
 		</label>
@@ -2431,7 +2431,7 @@ <h2>Resulting Form</h2>
 				value="three"
 				checked
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="bar">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="bar">
 				Option 3
 			</span>
 		</label>

diff --git a/docs/components.html b/docs/components.html
@@ -709,7 +709,7 @@ <h2 class="m-0 px-6 py-3 border-b text-salmon">
 				value="1"
 
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="radio">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="radio">
 				One
 			</span>
 		</label>
@@ -721,7 +721,7 @@ <h2 class="m-0 px-6 py-3 border-b text-salmon">
 				value="2"
 				checked
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="radio">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="radio">
 				Two
 			</span>
 		</label>
@@ -733,7 +733,7 @@ <h2 class="m-0 px-6 py-3 border-b text-salmon">
 				value="3"
 				checked
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="radio">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="radio">
 				Three
 			</span>
 		</label>
@@ -771,7 +771,7 @@ <h2 class="m-0 px-6 py-3 border-b text-salmon">
 
 	<div class="">
 
-		<label class="flex items-center" data-aire-component="label" data-aire-for="checkbox" for="__aire-0-checkbox">
+		<label class="flex items-baseline" data-aire-component="label" data-aire-for="checkbox" for="__aire-0-checkbox">
 	<input type="checkbox" value="1" class="pr-2" data-aire-component="checkbox" name="checkbox" data-aire-for="checkbox" id="__aire-0-checkbox" />
 	<span class="ml-2 flex-1" data-aire-component="wrapper" data-aire-for="checkbox">
 		Confirm that you agree

diff --git a/docs/index.html b/docs/index.html
@@ -104,6 +104,10 @@ <h2 class="text-xl text-gray-600 mt-9">Basic Usage</h2>
 
 {{ Aire::close() }}
 </code></pre>
+<h2 class="text-xl text-gray-600 mt-9">Installation</h2>
+<p>Install via composer with:</p>
+<pre><code class="language-php">composer require glhd/aire
+</code></pre>
 <h2 class="text-xl text-gray-600 mt-9">Customization</h2>
 <p>Aire comes with classes that should work with the default Tailwind class names
 out of the box (<code>.bg-blue-600</code> etc). If you need to change the default class names
@@ -184,6 +188,8 @@ <h2 class="text-xl text-gray-600 mt-9">Under Consideration / Feature Ideas</h2>
 <p>There are a few things that are still either in-the-works or being considered for a
 later release. These include:</p>
 <ul class="list-disc pl-8 pb-4">
+<li>Integration with <a href="https://github.com/tailwindcss/custom-forms">Tailwind forms</a>
+</li>
 <li>Sizing option for form controls</li>
 <li>
 <a href="http://getbootstrap.com/docs/4.1/components/forms/#readonly-plain-text">Read-only plain text</a>

diff --git a/docs/validation.html b/docs/validation.html
@@ -79,7 +79,7 @@ <h1 class="text-2xl text-gray-900">
 
 	<div class="">
 
-		<label class="flex items-center" data-aire-component="label" data-aire-for="accepted" for="__aire-88-accepted">
+		<label class="flex items-baseline" data-aire-component="label" data-aire-for="accepted" for="__aire-88-accepted">
 	<input type="checkbox" value="1" class="pr-2" data-aire-component="checkbox" name="accepted" data-aire-for="accepted" id="__aire-88-accepted" />
 	<span class="ml-2 flex-1" data-aire-component="wrapper" data-aire-for="accepted">
 		Accept the terms
@@ -288,7 +288,7 @@ <h1 class="text-2xl text-gray-900">
 				value="coates"
 
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="array">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="array">
 				Ta-Nehisi Coates
 			</span>
 		</label>
@@ -300,7 +300,7 @@ <h1 class="text-2xl text-gray-900">
 				value="roth"
 
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="array">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="array">
 				Philip Roth
 			</span>
 		</label>
@@ -312,7 +312,7 @@ <h1 class="text-2xl text-gray-900">
 				value="patchett"
 
 			/>
-			<span class="" data-aire-component="label_wrappwer" data-aire-for="array">
+			<span class="flex-1 ml-2" data-aire-component="label_wrapper" data-aire-for="array">
 				Ann Patchett
 			</span>
 		</label>