%
row = cell(:elements, :row).new
block = cell(:elements, :block).new(class: 'xs-12 sm-12 md-12')
code = cell(:elements, :code).new
form = cell(:inputs, :form).new(url: '#', method: 'get')
%>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Cells Inputs: Select') %>
A Select is a normal input select.
<%=raw block.close %>
<%=raw row.close %>
<%=raw cell(:elements, :title).new(label: 'Normal Select input', size: 3) %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw form.open %>
<%=raw row.open %>
<%=raw cell(:inputs, :select).new(name: 'sample', label: 'Select an item', options: ['Pippo', 'Luigi', 'Gino']) %>
<%=raw row.close %>
<%=raw form.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
<%=raw code.open %>
<%= erb_open_tag %>=raw cell(:inputs, :select).new(name: 'sample', label: 'Select an item', options: ['Pippo', 'Luigi', 'Gino']) <%= erb_close_tag %>
<%=raw code.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw cell(:elements, :title).new(label: 'Select input with hash options', size: 3) %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw form.open %>
<%=raw row.open %>
<%=raw cell(:inputs, :select).new(name: 'sample', label: 'Select an item', options: [
{im_the_value: 1, im_the_name: 'Pippo'},
{im_the_value: 2, im_the_name: 'Luigi'},
{im_the_value: 3, im_the_name: 'Hino'}
], option_value: 'im_the_value', option_name: 'im_the_name') %>
<%=raw row.close %>
<%=raw form.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Code', size: 6) %>
<%=raw code.open %>
<%= erb_open_tag %>=raw cell(:inputs, :select).new(name: 'sample', label: 'Select an item', options: [
{im_the_value: 1, im_the_name: 'Pippo'},
{im_the_value: 2, im_the_name: 'Luigi'},
{im_the_value: 3, im_the_name: 'Hino'}
], option_value: 'im_the_value', option_name: 'im_the_name') <%= erb_close_tag %>
<%=raw code.close %>
<%=raw block.close %>
<%=raw row.close %>
<%=raw row.open %>
<%=raw block.open %>
<%=raw cell(:elements, :title).new(label: 'Other settings', size: 3) %>
The Select input, has some others configurations (help, required,
placeholder and class) like the Text input.
Watch the Text input documentation for more examples.
<%=raw block.close %>
<%=raw row.close %>