概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Conditionally Add CSS Classes to Your Views and Components | Rails Designer 原文公開日: 2024/03/94 原著者: Rails Designer -- Railsフロントエンド関連記事に加えて、ViewComponentとTailwind CSSを用いた美しいUIコンポーネントを販売しています 日本語タイトルは内容に即したものにしました。 Rails 6.1でリリースされた class_names(#37918)は、私が多用しているビューヘルパーです。 class_namesがなかった頃は、以下のような読みにくいコードを書くしかありませんでした。 <div class="<%= item.for_sale? ? 'active' : '' %>"
![Rails: ビューやコンポーネントに条件付きでCSSクラスを追加する(翻訳)|TechRacho by BPS株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/17126791a584ced0f965b1ce435960f698f36a1b/height=288;version=1;width=512/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2024%2F06%2Frails_conditionally_add_css_to_view_components_eyecatch-min.png)