带有Rails简单形式的基础6

Question

Simple Form包括一个Foundation5模板。

但是，我在网上找不到任何修改过基金会6的模板文件。

生成的表单与Foundation 6的工作效果如何？此外，任何慷慨分享的基础6模板或提示修改现有的模板？

Answer 1

我不确定simple_form是否可以配置为为有错误的字段提供Foundation6所需的内容。

直到我弄清楚(如果，如果，如果)，我就可以使用Sass @extend进行攻击了。

// TODO: This is a hack to get Foundation 6 styles on simple_form 
// elements with errors.
.input.error {
  label {
    @extend .is-invalid-label;
  }

  input,
  textarea,
  select {
    @extend .is-invalid-input;
  }

  small.error {
    @extend .form-error;
    @extend .is-visible;
  }
}

你对这个答案不满意吗？我也是。我希望有人能给我一个更好的答案。

Answer 2

只要取得一点进展，就可以在配置文件simple_form.rb中设置如下：

config.wrappers .... do |c|
  ...  
  c.use :error, wrap_with: { tag: :small, class: 'form-error is-visible'
  ..
end   

错误信息将被格式化..。但是，我没有找到标签和输入的解决方案，所以仍然需要@Chris的标签和输入解决方案。但是，如果不需要红色标签和输入，这就足够了

Answer 3

要获得正确工作的提示(也称为帮助文本)，编辑config/simple_form_foundation.rb并添加：

b.use :hint,  wrap_with: { tag: :p, class: 'help-text' }