x
1
2
3
4
5
6
7
8
9
10
11
<div class="midwest-select midwest-form-group "> <div class="midwest-form-group__top"> <label class="midwest-label " for="plan-e1b0"> Plan </label> </div> <select id="plan-e1b0" class=""><option value=""></option> <option value="1">Starter</option> <option value="2">Pro</option> <option value="3">Enterprise</option></select></div>1
2
3
4
5
6
7
8
9
10
<%= midwest_form_select( name: params[:name] || :plan, label: params[:label] || "Plan", description: params[:description], disabled: params[:disabled], optional: params[:optional], multiple: params[:multiple], error: params[:error], choices: [["Starter", 1], ["Pro", 2], ["Enterprise", 3]]) %>Default
The minimum code needed to render a select input.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
Hide the blank option that allows clearing the selection |
|
|
|
Allow resizing the select (defaults to true) |
|
|
|
— |
|
No assets to display.
Add a .js or .css file alongside the component to see it here.
Figma embed for Select/default
Annotate a preview to embed its Figma design here:
@figma "https://figma.com/..."