✍️

simple_formでclassを適用させる方法(haml)

2022/07/06に公開

経緯

初めてhamlを使った際、f.inputにclassを適用させる方法がわからなかったので調べました。

コード

適用されなかったコード

= f.input :password, required: false, class: 'class名' 
  input_html: { autocomplete: "current-password" }

適用されたコード

  • input要素
= f.input :password, required: false,
  input_html: { autocomplete: "current-password", class: 'class名' }
  • label要素
= f.input :password, required: false,
  label_html: { class: 'class名' }
  • input要素を囲むdiv要素へのclass適用
= f.input :password, required: false,
  wrapper_html: { class: 'class名' }

参照

https://github.com/heartcombo/simple_form#usage

Discussion