Sha256: 00010728f9590aee23c476189652df1374b3c53d7ceee16bcadb11c3051fbc4f
Contents?: true
Size: 1.93 KB
Versions: 7
Compression:
Stored size: 1.93 KB
Contents
<%- snippet = capture do %>
<form id="table-filter" class="sixteen columns">
<fieldset>
<legend align="center">Search</legend>
<div class="field-block alpha four columns">
<div class="field">
<label for="q_number_cont">Text Field</label>
<input type="text">
</div>
</div>
<div class="field-block four columns">
<div class="date-range-filter field">
<label for="q_created_at_gt">Date Range</label>
<div class="date-range-fields">
<input class="datepicker" placeholder="Date">
<span class="range-divider"><i class="fa fa-arrow-right"></i></span>
<input class="datepicker" placeholder="Picker">
</div>
</div>
</div>
<div class="four columns">
<div class="field checkbox">
<label>Select Box
<select>
<option>Option</option>
</select>
</label>
</div>
<div class="field">
<select class="select2">
<option>Select 2</option>
</select>
</div>
</div>
<div class="omega four columns">
<div class="field checkbox">
<label>
<input type="checkbox" checked="checked">
Checkbox
</label>
</div>
<div class='field'>
<label>
<input name='radio' type='radio'>
Option 1
</label>
<label>
<input name='radio' type='radio'>
Option 2
</label>
<label>
<input name='radio' type='radio'>
Option 3
</label>
</div>
</div>
</fieldset>
</form>
<%- end %>
<div class="style-guide-result">
<%= snippet %>
</div>
<div class="style-guide-code">
<pre><code class="language-html"><%= escape_once snippet %></code></pre>
</div>
<script>
$(function(){
$('.select2').select2();
});
</script>
Version data entries
7 entries across 7 versions & 1 rubygems