x
<form action="/products" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZCDjBT4gTrKf_YYKSVieKqSFigJoDCNHzGZbsnboczpyxgIStYAOzCnXYLc8KIJQXjUNxsLHDdVWXv1komvCqQ" autocomplete="off" />
<div class="Polaris-Layout">
<div class="Polaris-Layout__Section">
<div tabindex="0" role="status" class="Polaris-Banner Polaris-Banner--statusCritical Polaris-Banner--withinContentContainer">
<div class="Polaris-Banner__Ribbon">
<span class="Polaris-Icon Polaris-Icon--colorCritical Polaris-Icon--applyColor">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path d="M11.768.768a2.5 2.5 0 0 0-3.536 0L.768 8.232a2.5 2.5 0 0 0 0 3.536l7.464 7.464a2.5 2.5 0 0 0 3.536 0l7.464-7.464a2.5 2.5 0 0 0 0-3.536L11.768.768zM9 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0V6zm2 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path></svg>
</span>
</div>
<div class="Polaris-Banner__ContentWrapper">
<div class="Polaris-Banner__Heading">
<p class="Polaris-Heading">
There is 1 error with this product:
</p>
</div>
<div class="Polaris-Banner__Content">
<ul class="Polaris-List">
<li class="Polaris-List__Item">Title can't be blank</li>
</ul>
</div>
</div>
</div>
</div>
<div class="Polaris-Layout__Section">
<div class="">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label class="Polaris-Label__Text" for="product_title">Title</label>
</div>
</div>
<div class="Polaris-Connected">
<div class="Polaris-Connected__Item Polaris-Connected__Item--primary">
<div data-polaris-text-field-has-value-class="Polaris-TextField--hasValue" data-polaris-text-field-clear-button-hidden-class="Polaris-TextField__Hidden" data-controller="polaris-text-field" class="Polaris-TextField Polaris-TextField--error">
<input data-polaris-text-field-target="input" data-action="polaris-text-field#syncValue" class="Polaris-TextField__Input" type="text" name="product[title]" id="product_title" />
<div class="Polaris-TextField__Backdrop"></div>
</div>
</div>
</div>
<div class="Polaris-Labelled__Error">
<div class="Polaris-InlineError">
<div class="Polaris-InlineError__Icon">
<span class="Polaris-Icon">
<svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path d="M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM9 9a1 1 0 0 0 2 0V7a1 1 0 1 0-2 0v2zm0 4a1 1 0 1 0 2 0 1 1 0 0 0-2 0z"></path></svg>
</span>
</div>
Title can't be blank
</div>
</div>
</div>
</div>
</div>
</form>
<%= form_with(model: product, builder: Polaris::FormBuilder) do |form| %>
<%= polaris_layout do |layout| %>
<%= layout.section do %>
<%= form.errors_summary %>
<% end %>
<%= layout.section do %>
<%= form.polaris_text_field(:title) %>
<% end %>
<% end %>
<% end %>
No notes provided.
No params configured.