<div class="vbx-plugin">

	<h2>VBX Styles</h2>
	<p>This is a sandbox for testing components</p>

	<h3>Lists</h3>
	<ul>
		<li>Unordered Item</li>
		<li>Unordered Item</li>
		<li>Unordered Item</li>
	</ul>

	<ol>
		<li>Ordered Item</li>
		<li>Ordered Item</li>
		<li>Ordered Item</li>
	</ol>

	<h3>Table</h3>
	<table>
		<thead>
			<tr>
			<th>Column Heading 1</th>
			<th>Column Heading 2</th>
			<th>Column Heading 3</th>
			</tr>
		</thead>
		<tbody>
			<tr>
			<td>Column 1</td>
			<td>Column 2</td>
			<td>Column 3</td>
			</tr>
			<tr>
			<td>Column 1</td>
			<td>Column 2</td>
			<td>Column 3</td>
			</tr>
			<tr>
			<td>Column 1</td>
			<td>Column 2</td>
			<td>Column 3</td>
			</tr>
		</tbody>
	</table>

	<h3>Form</h3>
	<form>
		<fieldset class="text">
			<h4>Enter your information</h4>
			<label>Label
				<input type="text" />
			</label>

			<label>Label
				<input type="text" />
			</label>
		</fieldset>

		<fieldset>
			<label>Label
				<select>
					<option>Option</option>
					<option>Option</option>
					<option>Option</option>
				</select>
				<span>This is helpful text.</span>
			</label>
		</fieldset>

		<fieldset class="checkbox">
			<h4>Select your options:</h4>
			<label>
				<input type="checkbox" />
				Option
			</label>

			<label>
				<input type="checkbox" />
				Option
			</label>
		</fieldset>

		<fieldset class="radio">
			<h4>Do you answer questions?</h4>
			<label>
				<input type="radio" name="bool" checked="checked" />
				Yes
			</label>

			<label>
				<input type="radio" name="bool" />
				No
			</label>
		</fieldset>

		<fieldset>
			<h4>For the people&hellip;</h4>
			<label>Message
				<textarea></textarea>
				<span>Dont forget something</span>
			</label>
		</fieldset>

		<button class="submit-button"><span>Submit</span></button>

	</form>

</div><!-- .vbx-plugin -->
















